hw 3 done
This commit is contained in:
@@ -4,7 +4,6 @@ doctype html
|
|||||||
html(lang="ru")
|
html(lang="ru")
|
||||||
head
|
head
|
||||||
meta(charset="utf-8")
|
meta(charset="utf-8")
|
||||||
link(rel="stylesheet" href="CSS/style.css")
|
|
||||||
script(src="graph/d3.v7.min.js")
|
script(src="graph/d3.v7.min.js")
|
||||||
script(src="graph/data.js")
|
script(src="graph/data.js")
|
||||||
script(src="graph/main.js")
|
script(src="graph/main.js")
|
||||||
@@ -13,15 +12,15 @@ html(lang="ru")
|
|||||||
body
|
body
|
||||||
+navbarMixin("Graph")
|
+navbarMixin("Graph")
|
||||||
|
|
||||||
h3 Список самых высоких зданий
|
h3 Цена на оперативную память
|
||||||
svg
|
svg
|
||||||
p Значение по оси OX
|
p Значение по оси OX
|
||||||
|
|
||||||
input(type="radio" value="0" name="OX" checked)
|
input(type="radio" value="0" name="OX" checked)
|
||||||
span Год
|
span Maker
|
||||||
br
|
br
|
||||||
input(type="radio" value="1" name="OX")
|
input(type="radio" value="1" name="OX")
|
||||||
span Страна
|
span Release Year
|
||||||
|
|
||||||
p Значение по оси OY
|
p Значение по оси OY
|
||||||
p#errorDisplay(hidden) Выберете хотя бы одно
|
p#errorDisplay(hidden) Выберете хотя бы одно
|
||||||
|
|||||||
@@ -8,7 +8,7 @@ function createArrGraph(data, key) {
|
|||||||
|
|
||||||
let arrGraph = [];
|
let arrGraph = [];
|
||||||
for (let entry of groupObj) {
|
for (let entry of groupObj) {
|
||||||
const minMax = d3.extent(entry[1].map(d => d['Высота']));
|
const minMax = d3.extent(entry[1].map(d => d['price']));
|
||||||
arrGraph.push({ labelX: entry[0], values: minMax });
|
arrGraph.push({ labelX: entry[0], values: minMax });
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -20,7 +20,7 @@ function drawGraph(data, keyX, drawMin, drawMax, graphtype) {
|
|||||||
|
|
||||||
// создаем массив для построения графика
|
// создаем массив для построения графика
|
||||||
let arrGraph = createArrGraph(data, keyX);
|
let arrGraph = createArrGraph(data, keyX);
|
||||||
if(keyX=="Год"){
|
if(keyX=="release"){
|
||||||
arrGraph = d3.sort(arrGraph, (x,y)=>Number(x["labelX"])-Number(y["labelX"]));
|
arrGraph = d3.sort(arrGraph, (x,y)=>Number(x["labelX"])-Number(y["labelX"]));
|
||||||
}
|
}
|
||||||
const svg = d3.select("svg")
|
const svg = d3.select("svg")
|
||||||
@@ -39,7 +39,7 @@ function drawGraph(data, keyX, drawMin, drawMax, graphtype) {
|
|||||||
|
|
||||||
// рисуем график
|
// рисуем график
|
||||||
|
|
||||||
const scaleYDomain = d3.extent(arrGraph.map(d => d.values[1]));
|
const scaleYDomain = [d3.min(arrGraph.map(d => d.values[0])),d3.max(arrGraph.map(d => d.values[1]))];
|
||||||
if (drawMin && drawMax){
|
if (drawMin && drawMax){
|
||||||
createChart(svg, arrGraph, scX, scY, attr_area, "blue", 0,graphtype,0,scaleYDomain)
|
createChart(svg, arrGraph, scX, scY, attr_area, "blue", 0,graphtype,0,scaleYDomain)
|
||||||
createChart(svg, arrGraph, scX, scY, attr_area, "red", 1,graphtype,0,scaleYDomain)
|
createChart(svg, arrGraph, scX, scY, attr_area, "red", 1,graphtype,0,scaleYDomain)
|
||||||
@@ -55,7 +55,7 @@ function drawGraph(data, keyX, drawMin, drawMax, graphtype) {
|
|||||||
function createAxis(svg, data, attr_area) {
|
function createAxis(svg, data, attr_area) {
|
||||||
// находим интервал значений, которые нужно отложить по оси OY
|
// находим интервал значений, которые нужно отложить по оси OY
|
||||||
// максимальное и минимальное значение и максимальных высот по каждой стране
|
// максимальное и минимальное значение и максимальных высот по каждой стране
|
||||||
const [min, max] = d3.extent(data.map(d => d.values[1]));
|
const [min, max] = [d3.min(data.map(d => d.values[0])),d3.max(data.map(d => d.values[1]))];
|
||||||
|
|
||||||
// функция интерполяции значений на оси
|
// функция интерполяции значений на оси
|
||||||
// по оси ОХ текстовые значения
|
// по оси ОХ текстовые значения
|
||||||
|
|||||||
@@ -1,514 +1,68 @@
|
|||||||
const buildings= [
|
let ram_sticks = [
|
||||||
{
|
{ "type": "DDR3", "name": "DDR3-1600-4GB-A1", "size": 4, "maker": "Kingston", "release": "2014-03", "price": 18, },
|
||||||
"Название": "Бурдж-Халифа",
|
{ "type": "DDR3", "name": "DDR3-1600-8GB-A2", "size": 8, "maker": "Corsair", "release": "2015-06", "price": 26, },
|
||||||
"Тип": "Небоскрёб",
|
{ "type": "DDR3", "name": "DDR3-1866-8GB-A3", "size": 8, "maker": "G.Skill", "release": "2016-02", "price": 29, },
|
||||||
"Страна": "ОАЭ",
|
{ "type": "DDR4", "name": "DDR4-2133-8GB-B1", "size": 8, "maker": "Crucial", "release": "2017-01", "price": 24, },
|
||||||
"Город": "Дубай",
|
{ "type": "DDR4", "name": "DDR4-2400-8GB-B2", "size": 8, "maker": "Kingston", "release": "2017-09", "price": 27, },
|
||||||
"Год": 2010,
|
{ "type": "DDR4", "name": "DDR4-2666-16GB-B3", "size": 16, "maker": "Corsair", "release": "2018-04", "price": 48, },
|
||||||
"Высота": 828
|
{ "type": "DDR4", "name": "DDR4-3000-16GB-B4", "size": 16, "maker": "G.Skill", "release": "2018-11", "price": 52, },
|
||||||
},
|
{ "type": "DDR4", "name": "DDR4-3200-16GB-B5", "size": 16, "maker": "HyperX", "release": "2019-03", "price": 55, },
|
||||||
{
|
{ "type": "DDR4", "name": "DDR4-3200-32GB-B6", "size": 32, "maker": "Crucial", "release": "2019-08", "price": 92, },
|
||||||
"Название": "Варшавская радиомачта",
|
{ "type": "DDR4", "name": "DDR4-3600-32GB-B7", "size": 32, "maker": "Corsair", "release": "2020-02", "price": 99, },
|
||||||
"Тип": "Антенная мачта",
|
{ "type": "DDR5", "name": "DDR5-4800-16GB-C1", "size": 16, "maker": "Kingston", "release": "2021-01", "price": 78, },
|
||||||
"Страна": "Польша",
|
{ "type": "DDR5", "name": "DDR5-5200-16GB-C2", "size": 16, "maker": "Corsair", "release": "2021-06", "price": 84, },
|
||||||
"Город": "Константинов",
|
{ "type": "DDR5", "name": "DDR5-5600-32GB-C3", "size": 32, "maker": "G.Skill", "release": "2022-02", "price": 145, },
|
||||||
"Год": 1974,
|
{ "type": "DDR5", "name": "DDR5-6000-32GB-C4", "size": 32, "maker": "Crucial", "release": "2022-07", "price": 158, },
|
||||||
"Высота": 646.38
|
{ "type": "DDR5", "name": "DDR5-6400-32GB-C5", "size": 32, "maker": "Corsair", "release": "2023-01", "price": 172, },
|
||||||
},
|
{ "type": "DDR5", "name": "DDR5-6600-64GB-C6", "size": 64, "maker": "Kingston", "release": "2023-05", "price": 310, },
|
||||||
{
|
{ "type": "DDR5", "name": "DDR5-6800-64GB-C7", "size": 64, "maker": "G.Skill", "release": "2023-09", "price": 329, },
|
||||||
"Название": "Tokyo Skytree",
|
{ "type": "DDR5", "name": "DDR5-7200-64GB-C8", "size": 64, "maker": "Corsair", "release": "2024-02", "price": 355, },
|
||||||
"Тип": "Бетонная башня",
|
{ "type": "DDR5", "name": "DDR5-7600-96GB-C9", "size": 96, "maker": "Crucial", "release": "2024-06", "price": 520, },
|
||||||
"Страна": "Япония",
|
{ "type": "DDR5", "name": "DDR5-8000-96GB-C10", "size": 96, "maker": "Kingston", "release": "2024-10", "price": 560, },
|
||||||
"Город": "Токио",
|
{ "type": "LPDDR4", "name": "LP4-3200-8GB-D1", "size": 8, "maker": "Samsung", "release": "2019-01", "price": 34, },
|
||||||
"Год": 2012,
|
{ "type": "LPDDR4", "name": "LP4-4266-8GB-D2", "size": 8, "maker": "Micron", "release": "2019-07", "price": 39, },
|
||||||
"Высота": 634
|
{ "type": "LPDDR5", "name": "LP5-5500-12GB-D3", "size": 12, "maker": "Samsung", "release": "2020-03", "price": 58, },
|
||||||
},
|
{ "type": "LPDDR5", "name": "LP5-6400-16GB-D4", "size": 16, "maker": "SKHynix", "release": "2021-01", "price": 74, },
|
||||||
{
|
{ "type": "LPDDR5X", "name": "LP5X-7500-24GB-D5", "size": 24, "maker": "Micron", "release": "2022-05", "price": 118, },
|
||||||
"Название": "Шанхайская башня",
|
{ "type": "DDR4", "name": "DDR4-2666-8GB-E1", "size": 8, "maker": "Patriot", "release": "2018-05", "price": 25, },
|
||||||
"Тип": "Небоскрёб",
|
{ "type": "DDR4", "name": "DDR4-3000-8GB-E2", "size": 8, "maker": "ADATA", "release": "2018-09", "price": 28, },
|
||||||
"Страна": "КНР",
|
{ "type": "DDR4", "name": "DDR4-3200-8GB-E3", "size": 8, "maker": "TeamGroup", "release": "2019-04", "price": 30, },
|
||||||
"Город": "Шанхай",
|
{ "type": "DDR4", "name": "DDR4-3600-16GB-E4", "size": 16, "maker": "ADATA", "release": "2020-01", "price": 53, },
|
||||||
"Год": 2013,
|
{ "type": "DDR4", "name": "DDR4-4000-16GB-E5", "size": 16, "maker": "Patriot", "release": "2020-06", "price": 61, },
|
||||||
"Высота": 632
|
{ "type": "DDR5", "name": "DDR5-5200-8GB-F1", "size": 8, "maker": "TeamGroup", "release": "2021-03", "price": 52, },
|
||||||
},
|
{ "type": "DDR5", "name": "DDR5-5600-16GB-F2", "size": 16, "maker": "ADATA", "release": "2021-10", "price": 88, },
|
||||||
{
|
{ "type": "DDR5", "name": "DDR5-6000-16GB-F3", "size": 16, "maker": "Patriot", "release": "2022-03", "price": 95, },
|
||||||
"Название": "Телерадиомачта KVLY-TV",
|
{ "type": "DDR5", "name": "DDR5-6400-32GB-F4", "size": 32, "maker": "TeamGroup", "release": "2022-09", "price": 168, },
|
||||||
"Тип": "Радиомачта",
|
{ "type": "DDR5", "name": "DDR5-7200-32GB-F5", "size": 32, "maker": "ADATA", "release": "2023-04", "price": 185, },
|
||||||
"Страна": "США",
|
{ "type": "DDR3", "name": "DDR3-1333-4GB-G1", "size": 4, "maker": "Samsung", "release": "2013-02", "price": 15, },
|
||||||
"Город": "Бланчард",
|
{ "type": "DDR3", "name": "DDR3-1600-4GB-G2", "size": 4, "maker": "Micron", "release": "2014-08", "price": 17, },
|
||||||
"Год": 1963,
|
{ "type": "DDR3", "name": "DDR3-1866-8GB-G3", "size": 8, "maker": "Samsung", "release": "2015-11", "price": 28, },
|
||||||
"Высота": 629
|
{ "type": "DDR5", "name": "DDR5-8400-128GB-H1", "size": 128, "maker": "Corsair", "release": "2025-01", "price": 890, },
|
||||||
},
|
{ "type": "DDR5", "name": "DDR5-8800-128GB-H2", "size": 128, "maker": "G.Skill", "release": "2025-03", "price": 940, },
|
||||||
{
|
{ "type": "DDR5", "name": "DDR5-9200-128GB-H3", "size": 128, "maker": "Kingston", "release": "2025-06", "price": 990, },
|
||||||
"Название": "Телебашня Гуанчжоу",
|
{ "type": "DDR5", "name": "DDR5-6000-48GB-X1", "size": 48, "maker": "Corsair", "release": "2024-01", "price": 210, },
|
||||||
"Тип": "Гиперболоидная башня",
|
{ "type": "DDR5", "name": "DDR5-6000-48GB-X2", "size": 48, "maker": "Kingston", "release": "2024-02", "price": 215, },
|
||||||
"Страна": "КНР",
|
{ "type": "DDR5", "name": "DDR5-6000-48GB-X3", "size": 48, "maker": "G.Skill", "release": "2024-03", "price": 218, },
|
||||||
"Город": "Гуанчжоу",
|
{ "type": "DDR5", "name": "DDR5-6000-48GB-X4", "size": 48, "maker": "ADATA", "release": "2024-04", "price": 222, },
|
||||||
"Год": 2009,
|
{ "type": "DDR5", "name": "DDR5-6000-48GB-X5", "size": 48, "maker": "Patriot", "release": "2024-05", "price": 225, },
|
||||||
"Высота": 600
|
{ "type": "DDR5", "name": "DDR5-6000-48GB-X6", "size": 48, "maker": "TeamGroup", "release": "2024-06", "price": 228, },
|
||||||
},
|
{ "type": "DDR5", "name": "DDR5-6000-48GB-X7", "size": 48, "maker": "Crucial", "release": "2024-07", "price": 230, },
|
||||||
{
|
{ "type": "DDR5", "name": "DDR5-6000-48GB-X8", "size": 48, "maker": "Samsung", "release": "2024-08", "price": 235, },
|
||||||
"Название": "Международный финансовый центр Пинань",
|
{ "type": "DDR5", "name": "DDR5-6000-48GB-X9", "size": 48, "maker": "Micron", "release": "2024-09", "price": 238, },
|
||||||
"Тип": "Небоскрёб",
|
{ "type": "DDR5", "name": "DDR5-6000-48GB-X10", "size": 48, "maker": "SKHynix", "release": "2024-10", "price": 240, },
|
||||||
"Страна": "КНР",
|
{ "type": "DDR4", "name": "DDR4-3200-64GB-Y1", "size": 64, "maker": "Corsair", "release": "2021-01", "price": 180, },
|
||||||
"Город": "Шэньчжэнь",
|
{ "type": "DDR4", "name": "DDR4-3200-64GB-Y2", "size": 64, "maker": "Kingston", "release": "2021-02", "price": 182, },
|
||||||
"Год": 2017,
|
{ "type": "DDR4", "name": "DDR4-3200-64GB-Y3", "size": 64, "maker": "G.Skill", "release": "2021-03", "price": 185, },
|
||||||
"Высота": 600
|
{ "type": "DDR4", "name": "DDR4-3200-64GB-Y4", "size": 64, "maker": "ADATA", "release": "2021-04", "price": 188, },
|
||||||
},
|
{ "type": "DDR4", "name": "DDR4-3200-64GB-Y5", "size": 64, "maker": "Patriot", "release": "2021-05", "price": 190, },
|
||||||
{
|
{ "type": "DDR4", "name": "DDR4-3200-64GB-Y6", "size": 64, "maker": "TeamGroup", "release": "2021-06", "price": 192, },
|
||||||
"Название": "Lotte World Tower",
|
{ "type": "DDR4", "name": "DDR4-3200-64GB-Y7", "size": 64, "maker": "Crucial", "release": "2021-07", "price": 195, },
|
||||||
"Тип": "Небоскрёб",
|
{ "type": "DDR4", "name": "DDR4-3200-64GB-Y8", "size": 64, "maker": "Samsung", "release": "2021-08", "price": 198, },
|
||||||
"Страна": "Южная Корея",
|
{ "type": "DDR4", "name": "DDR4-3200-64GB-Y9", "size": 64, "maker": "Micron", "release": "2021-09", "price": 200, },
|
||||||
"Город": "Сеул",
|
{ "type": "DDR4", "name": "DDR4-3200-64GB-Y10", "size": 64, "maker": "SKHynix", "release": "2021-10", "price": 205, }
|
||||||
"Год": 2017,
|
|
||||||
"Высота": 555
|
]
|
||||||
},
|
ram_sticks = ram_sticks.map((x) => ({
|
||||||
{
|
...x,
|
||||||
"Название": "Си-Эн Тауэр",
|
release: Number(x.release.split("-")[0]),
|
||||||
"Тип": "Бетонная башня",
|
}))
|
||||||
"Страна": "Канада",
|
|
||||||
"Город": "Торонто",
|
|
||||||
"Год": 1976,
|
|
||||||
"Высота": 553
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Останкинская башня",
|
|
||||||
"Тип": "Бетонная башня",
|
|
||||||
"Страна": "Россия",
|
|
||||||
"Город": "Москва",
|
|
||||||
"Год": 1967,
|
|
||||||
"Высота": 540.1
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Уиллис-тауэр",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "США",
|
|
||||||
"Город": "Чикаго",
|
|
||||||
"Год": 1974,
|
|
||||||
"Высота": 527.3
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Тайбэй 101",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "Тайвань",
|
|
||||||
"Город": "Тайбэй",
|
|
||||||
"Год": 2004,
|
|
||||||
"Высота": 509.2
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Шанхайский всемирный финансовый центр",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "КНР",
|
|
||||||
"Город": "Шанхай",
|
|
||||||
"Год": 2008,
|
|
||||||
"Высота": 492
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Международный коммерческий центр",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "Гонконг",
|
|
||||||
"Город": "Гонконг",
|
|
||||||
"Год": 2009,
|
|
||||||
"Высота": 484
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Восточная жемчужина",
|
|
||||||
"Тип": "Бетонная башня",
|
|
||||||
"Страна": "КНР",
|
|
||||||
"Город": "Шанхай",
|
|
||||||
"Год": 1994,
|
|
||||||
"Высота": 467.9
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Лахта-центр",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "Россия",
|
|
||||||
"Город": "Санкт-Петербург",
|
|
||||||
"Год": 2018,
|
|
||||||
"Высота": 462
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Landmark 81",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "Вьетнам",
|
|
||||||
"Город": "Хошимин",
|
|
||||||
"Год": 2018,
|
|
||||||
"Высота": 461.2
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "875 Норт-Мичиган-авеню",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "США",
|
|
||||||
"Город": "Чикаго",
|
|
||||||
"Год": 1969,
|
|
||||||
"Высота": 457.2
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Петронас. башня 1 и 2",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "Малайзия",
|
|
||||||
"Город": "Куала-Лумпур",
|
|
||||||
"Год": 1998,
|
|
||||||
"Высота": 452
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Финансовый центр Наньцзин-Гринлэнд",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "КНР",
|
|
||||||
"Город": "Нанкин",
|
|
||||||
"Год": 2009,
|
|
||||||
"Высота": 450
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Эмпайр-стейт-билдинг",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "США",
|
|
||||||
"Город": "Нью-Йорк",
|
|
||||||
"Год": 1931,
|
|
||||||
"Высота": 448.7
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Международный финансовый центр. башня зап.",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "КНР",
|
|
||||||
"Город": "Гуанчжоу",
|
|
||||||
"Год": 2010,
|
|
||||||
"Высота": 437.5
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Kingkey 100",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "КНР",
|
|
||||||
"Город": "Шэньчжэнь",
|
|
||||||
"Год": 2011,
|
|
||||||
"Высота": 439.8
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Бордже Милад",
|
|
||||||
"Тип": "Бетонная башня",
|
|
||||||
"Страна": "Иран",
|
|
||||||
"Город": "Тегеран",
|
|
||||||
"Год": 2003,
|
|
||||||
"Высота": 435
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Парк-авеню. 432",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "США",
|
|
||||||
"Город": "Нью-Йорк",
|
|
||||||
"Год": 2015,
|
|
||||||
"Высота": 425.5
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Международная гостиница и башня Трампа",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "США",
|
|
||||||
"Город": "Чикаго",
|
|
||||||
"Год": 2009,
|
|
||||||
"Высота": 423.4
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Менара Куала-Лумпур",
|
|
||||||
"Тип": "Бетонная башня",
|
|
||||||
"Страна": "Малайзия",
|
|
||||||
"Город": "Куала-Лумпур",
|
|
||||||
"Год": 1995,
|
|
||||||
"Высота": 421
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Цзинь Мао",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "КНР",
|
|
||||||
"Город": "Шанхай",
|
|
||||||
"Год": 1999,
|
|
||||||
"Высота": 420.5
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Экибастузская ГРЭС-2",
|
|
||||||
"Тип": "Дымовая труба",
|
|
||||||
"Страна": "Казахстан",
|
|
||||||
"Город": "Экибастуз",
|
|
||||||
"Год": 1987,
|
|
||||||
"Высота": 419.7
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Международный финансовый центр",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "Гонконг",
|
|
||||||
"Город": "Гонконг",
|
|
||||||
"Год": 2003,
|
|
||||||
"Высота": 415.8
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Тяньцзиньская телебашня",
|
|
||||||
"Тип": "Бетонная башня",
|
|
||||||
"Страна": "КНР",
|
|
||||||
"Город": "Тяньцзинь",
|
|
||||||
"Год": 1991,
|
|
||||||
"Высота": 415.2
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Башня Аль-Хамра",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "Кувейт",
|
|
||||||
"Город": "Кувейт",
|
|
||||||
"Год": 2010,
|
|
||||||
"Высота": 412
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Пекинская телебашня",
|
|
||||||
"Тип": "Бетонная башня",
|
|
||||||
"Страна": "КНР",
|
|
||||||
"Город": "Пекин",
|
|
||||||
"Год": 1992,
|
|
||||||
"Высота": 405
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Башня CITIC",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "КНР",
|
|
||||||
"Город": "Гуанчжоу",
|
|
||||||
"Год": 1997,
|
|
||||||
"Высота": 391.1
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Киевская телебашня",
|
|
||||||
"Тип": "Решётчатая мачта",
|
|
||||||
"Страна": "Украина",
|
|
||||||
"Город": "Киев",
|
|
||||||
"Год": 1973,
|
|
||||||
"Высота": 385
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Башня Сёньхин",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "КНР",
|
|
||||||
"Город": "Шэньчжэнь",
|
|
||||||
"Год": 1996,
|
|
||||||
"Высота": 384
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Абу-Даби Плаза",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "Казахстан",
|
|
||||||
"Город": "Астана",
|
|
||||||
"Год": 2015,
|
|
||||||
"Высота": 382
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Бурдж-Мохаммед-бин-Рашид",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "ОАЭ",
|
|
||||||
"Город": "Абу-Даби",
|
|
||||||
"Год": 2014,
|
|
||||||
"Высота": 381
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Inco Superstack",
|
|
||||||
"Тип": "Дымовая труба",
|
|
||||||
"Страна": "Канада",
|
|
||||||
"Город": "Copper Cliff",
|
|
||||||
"Год": 1971,
|
|
||||||
"Высота": 380
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Тантекс-Скай-Тауэр",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "Тайвань",
|
|
||||||
"Город": "Гаосюн",
|
|
||||||
"Год": 1997,
|
|
||||||
"Высота": 378
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "JW Marriott Marquis Dubai. 1 и 2",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "ОАЭ",
|
|
||||||
"Город": "Дубай",
|
|
||||||
"Год": 2010,
|
|
||||||
"Высота": 376
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Ташкентская телебашня",
|
|
||||||
"Тип": "Башня",
|
|
||||||
"Страна": "Узбекистан",
|
|
||||||
"Город": "Ташкент",
|
|
||||||
"Год": 1985,
|
|
||||||
"Высота": 374.9
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Башня Федерация «Восток»",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "Россия",
|
|
||||||
"Город": "Москва",
|
|
||||||
"Год": 2016,
|
|
||||||
"Высота": 374
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Сентрал-плаза",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "Гонконг",
|
|
||||||
"Город": "Гонконг",
|
|
||||||
"Год": 1992,
|
|
||||||
"Высота": 374
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Башня Освобождения",
|
|
||||||
"Тип": "Бетонная башня",
|
|
||||||
"Страна": "Кувейт",
|
|
||||||
"Город": "Кувейт",
|
|
||||||
"Год": 1996,
|
|
||||||
"Высота": 372
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Телебашня «Коктобе»",
|
|
||||||
"Тип": "Башня",
|
|
||||||
"Страна": "Казахстан",
|
|
||||||
"Город": "Алматы",
|
|
||||||
"Год": 1983,
|
|
||||||
"Высота": 371.5
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Дымовая труба электростанции",
|
|
||||||
"Тип": "Дымовая труба",
|
|
||||||
"Страна": "США",
|
|
||||||
"Город": "Homer City",
|
|
||||||
"Год": 1977,
|
|
||||||
"Высота": 371
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Дымовая труба Берёзовской ГРЭС",
|
|
||||||
"Тип": "Дымовая труба",
|
|
||||||
"Страна": "Россия",
|
|
||||||
"Город": "Шарыпово",
|
|
||||||
"Год": 1985,
|
|
||||||
"Высота": 370
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Рижская телебашня",
|
|
||||||
"Тип": "Бетонная башня",
|
|
||||||
"Страна": "Латвия",
|
|
||||||
"Город": "Рига",
|
|
||||||
"Год": 1987,
|
|
||||||
"Высота": 368.5
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Берлинская телебашня",
|
|
||||||
"Тип": "Бетонная башня",
|
|
||||||
"Страна": "Германия",
|
|
||||||
"Город": "Берлин",
|
|
||||||
"Год": 1969,
|
|
||||||
"Высота": 368
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Дымовая труба электростанции.",
|
|
||||||
"Тип": "Дымовая труба",
|
|
||||||
"Страна": "США",
|
|
||||||
"Город": "Маундсвилл",
|
|
||||||
"Год": 1968,
|
|
||||||
"Высота": 367.6
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Башня Банка Китая",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "Гонконг",
|
|
||||||
"Город": "Гонконг",
|
|
||||||
"Год": 1990,
|
|
||||||
"Высота": 367.4
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Башня Банка Америки",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "США",
|
|
||||||
"Город": "Нью-Йорк",
|
|
||||||
"Год": 2008,
|
|
||||||
"Высота": 366
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Башня Алмас",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "ОАЭ",
|
|
||||||
"Город": "Дубай",
|
|
||||||
"Год": 2008,
|
|
||||||
"Высота": 363
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Дымовая труба электростанции в Трбовле",
|
|
||||||
"Тип": "Дымовая труба",
|
|
||||||
"Страна": "Словения",
|
|
||||||
"Город": "Трбовле",
|
|
||||||
"Год": 1976,
|
|
||||||
"Высота": 360
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Endesa Termic ",
|
|
||||||
"Тип": "Дымовая труба",
|
|
||||||
"Страна": "Испания",
|
|
||||||
"Город": "Ферроль",
|
|
||||||
"Год": 1974,
|
|
||||||
"Высота": 356
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "SEG Plaza",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "КНР",
|
|
||||||
"Город": "Шэньчжэнь",
|
|
||||||
"Год": 2000,
|
|
||||||
"Высота": 355.8
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "First Canadian Place",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "Канада",
|
|
||||||
"Город": "Торонто",
|
|
||||||
"Год": 1976,
|
|
||||||
"Высота": 355
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Эмиратская офисная башня",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "ОАЭ",
|
|
||||||
"Город": "Дубай",
|
|
||||||
"Год": 2000,
|
|
||||||
"Высота": 354.6
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "ОКО Южная башня",
|
|
||||||
"Тип": "Небоскрёб",
|
|
||||||
"Страна": "Россия",
|
|
||||||
"Город": "Москва",
|
|
||||||
"Год": 2015,
|
|
||||||
"Высота": 354
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Виннцкая телемачта",
|
|
||||||
"Тип": "Радиомачта",
|
|
||||||
"Страна": "Украина",
|
|
||||||
"Город": "Винница",
|
|
||||||
"Год": 1961,
|
|
||||||
"Высота": 354
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Медеплавильный завод",
|
|
||||||
"Тип": "Дымовая труба",
|
|
||||||
"Страна": "Румыния",
|
|
||||||
"Город": "Бая-Маре",
|
|
||||||
"Год": 1995,
|
|
||||||
"Высота": 351.5
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Стратосфера Лас-Вегас",
|
|
||||||
"Тип": "Бетонная башня",
|
|
||||||
"Страна": "США",
|
|
||||||
"Город": "Лас-Вегас",
|
|
||||||
"Год": 1996,
|
|
||||||
"Высота": 350.2
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"Название": "Дымовая труба Сырдарьинской электростанции",
|
|
||||||
"Тип": "Дымовая труба",
|
|
||||||
"Страна": "Узбекистан",
|
|
||||||
"Город": "Сырдарья",
|
|
||||||
"Год": 1980,
|
|
||||||
"Высота": 350
|
|
||||||
}
|
|
||||||
]
|
|
||||||
@@ -1,12 +1,12 @@
|
|||||||
document.addEventListener("DOMContentLoaded", function () {
|
document.addEventListener("DOMContentLoaded", function () {
|
||||||
showTable('build', buildings);
|
showTable('build', ram_sticks);
|
||||||
let tableIsDisplayed = true;
|
let tableIsDisplayed = true;
|
||||||
tableVisibilityButton.addEventListener("click", () => {
|
tableVisibilityButton.addEventListener("click", () => {
|
||||||
if (tableIsDisplayed) {
|
if (tableIsDisplayed) {
|
||||||
clearTable('build')
|
clearTable('build')
|
||||||
tableVisibilityButton.innerHTML = "Показать таблицу";
|
tableVisibilityButton.innerHTML = "Показать таблицу";
|
||||||
} else {
|
} else {
|
||||||
showTable('build', buildings);
|
showTable('build', ram_sticks);
|
||||||
tableVisibilityButton.innerHTML = "Скрыть таблицу";
|
tableVisibilityButton.innerHTML = "Скрыть таблицу";
|
||||||
}
|
}
|
||||||
tableIsDisplayed = !tableIsDisplayed;
|
tableIsDisplayed = !tableIsDisplayed;
|
||||||
@@ -24,10 +24,10 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
|
|
||||||
|
|
||||||
function updateGraph() {
|
function updateGraph() {
|
||||||
const keyX = ["Год", "Страна"][getOX()];
|
const keyX = ["maker", "release"][getOX()];
|
||||||
const yAxis = getOY();
|
const yAxis = getOY();
|
||||||
d3.select("#drawButton").attr("class", yAxis.length == 0 ? "error" : "");
|
d3.select("#drawButton").attr("class", yAxis.length == 0 ? "error" : "");
|
||||||
drawGraph(buildings, keyX, yAxis.includes(0), yAxis.includes(1), getGraphType());
|
drawGraph(ram_sticks, keyX, yAxis.includes(0), yAxis.includes(1), getGraphType());
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -22,7 +22,7 @@ grid-responsive(columns)
|
|||||||
.navbar
|
.navbar
|
||||||
double-border()
|
double-border()
|
||||||
font-size 0
|
font-size 0
|
||||||
grid-responsive(repeat(7, min-content))
|
grid-responsive(repeat(8, min-content))
|
||||||
justify-items start
|
justify-items start
|
||||||
|
|
||||||
&__link-wrapper
|
&__link-wrapper
|
||||||
|
|||||||
Reference in New Issue
Block a user