diff --git a/labs/lab3/CSS/style.css b/labs/lab3/CSS/style.css index e69de29..65249f3 100644 --- a/labs/lab3/CSS/style.css +++ b/labs/lab3/CSS/style.css @@ -0,0 +1,12 @@ +svg { + width: 800px; + height: 400px; +} +svg text { + font: 8px Verdana; +} +svg path, line { + fill: none; + stroke: #333333; + width: 1px; +} \ No newline at end of file diff --git a/labs/lab3/JavaScript/chart.js b/labs/lab3/JavaScript/chart.js new file mode 100644 index 0000000..95001a5 --- /dev/null +++ b/labs/lab3/JavaScript/chart.js @@ -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; +} + diff --git a/labs/lab3/index.html b/labs/lab3/index.html index 484b9dd..23f112b 100644 --- a/labs/lab3/index.html +++ b/labs/lab3/index.html @@ -7,9 +7,11 @@ +