OkunElya/uni-web-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

lab3 p2 step5

Browse Source
This commit is contained in:
OkunElya
2026-03-20 12:12:19 +10:00
parent 1121944fb1
commit c368e1eef8
3 changed files with 31 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
labs/lab3/CSS/style.css
View File

@@ -0,0 +1,12 @@
svg {
width: 800px;
height: 400px;
}
svg text {
font: 8px Verdana;
}
svg path, line {
fill: none;
stroke: #333333;
width: 1px;
}

17
labs/lab3/JavaScript/chart.js Normal file
View File

@@ -0,0 +1,17 @@
// Входные данные:
// data - исходный массив (например, buildings)
// key - поле, по которому осуществляется группировка
function createArrGraph(data, key) {
const groupObj = d3.group(data, d => d[key]);
let arrGraph =[];
for(let entry of groupObj) {
const minMax = d3.extent(entry[1].map(d => d['Высота']));
arrGraph.push({labelX : entry[0], values : minMax});
}
return arrGraph;
}

2
labs/lab3/index.html
View File

@@ -7,9 +7,11 @@
<script src="JavaScript/data.js"></script> <script src="JavaScript/data.js"></script>
<script src="JavaScript/main.js"></script> <script src="JavaScript/main.js"></script>
<script src="JavaScript/table.js"></script> <script src="JavaScript/table.js"></script>
<script src="JavaScript/chart.js"></script>
</head> </head>
<body> <body>
<h3>Список самых высоких зданий</h3> <h3>Список самых высоких зданий</h3>
<svg></svg>
<button id="tableVisibilityButton">Скрыть Таблицу</button> <button id="tableVisibilityButton">Скрыть Таблицу</button>
<table id="build"> <table id="build">
</table> </table>