From 76e3d0b5dd57558277d01223b218099a3b1478fe Mon Sep 17 00:00:00 2001 From: OkunElya Date: Fri, 27 Mar 2026 11:55:05 +1000 Subject: [PATCH] hw 3 done --- current_site/src/pages/graph.pug | 7 +- current_site/src/pages/graph/chart.js | 8 +- current_site/src/pages/graph/data.js | 582 +++----------------------- current_site/src/pages/graph/main.js | 8 +- current_site/src/styles/index.styl | 2 +- 5 files changed, 80 insertions(+), 527 deletions(-) diff --git a/current_site/src/pages/graph.pug b/current_site/src/pages/graph.pug index 7dab3fa..aaa464c 100644 --- a/current_site/src/pages/graph.pug +++ b/current_site/src/pages/graph.pug @@ -4,7 +4,6 @@ doctype html html(lang="ru") head meta(charset="utf-8") - link(rel="stylesheet" href="CSS/style.css") script(src="graph/d3.v7.min.js") script(src="graph/data.js") script(src="graph/main.js") @@ -13,15 +12,15 @@ html(lang="ru") body +navbarMixin("Graph") - h3 Список самых высоких зданий + h3 Цена на оперативную память svg p Значение по оси OX input(type="radio" value="0" name="OX" checked) - span Год + span Maker br input(type="radio" value="1" name="OX") - span Страна + span Release Year p Значение по оси OY p#errorDisplay(hidden) Выберете хотя бы одно diff --git a/current_site/src/pages/graph/chart.js b/current_site/src/pages/graph/chart.js index 2c3ed57..a475d4b 100644 --- a/current_site/src/pages/graph/chart.js +++ b/current_site/src/pages/graph/chart.js @@ -8,7 +8,7 @@ function createArrGraph(data, key) { let arrGraph = []; 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 }); } @@ -20,7 +20,7 @@ function drawGraph(data, keyX, drawMin, drawMax, graphtype) { // создаем массив для построения графика let arrGraph = createArrGraph(data, keyX); - if(keyX=="Год"){ + if(keyX=="release"){ arrGraph = d3.sort(arrGraph, (x,y)=>Number(x["labelX"])-Number(y["labelX"])); } 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){ createChart(svg, arrGraph, scX, scY, attr_area, "blue", 0,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) { // находим интервал значений, которые нужно отложить по оси 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]))]; // функция интерполяции значений на оси // по оси ОХ текстовые значения diff --git a/current_site/src/pages/graph/data.js b/current_site/src/pages/graph/data.js index 38584ae..2489e48 100644 --- a/current_site/src/pages/graph/data.js +++ b/current_site/src/pages/graph/data.js @@ -1,514 +1,68 @@ -const buildings= [ - { - "Название": "Бурдж-Халифа", - "Тип": "Небоскрёб", - "Страна": "ОАЭ", - "Город": "Дубай", - "Год": 2010, - "Высота": 828 - }, - { - "Название": "Варшавская радиомачта", - "Тип": "Антенная мачта", - "Страна": "Польша", - "Город": "Константинов", - "Год": 1974, - "Высота": 646.38 - }, - { - "Название": "Tokyo Skytree", - "Тип": "Бетонная башня", - "Страна": "Япония", - "Город": "Токио", - "Год": 2012, - "Высота": 634 - }, - { - "Название": "Шанхайская башня", - "Тип": "Небоскрёб", - "Страна": "КНР", - "Город": "Шанхай", - "Год": 2013, - "Высота": 632 - }, - { - "Название": "Телерадиомачта KVLY-TV", - "Тип": "Радиомачта", - "Страна": "США", - "Город": "Бланчард", - "Год": 1963, - "Высота": 629 - }, - { - "Название": "Телебашня Гуанчжоу", - "Тип": "Гиперболоидная башня", - "Страна": "КНР", - "Город": "Гуанчжоу", - "Год": 2009, - "Высота": 600 - }, - { - "Название": "Международный финансовый центр Пинань", - "Тип": "Небоскрёб", - "Страна": "КНР", - "Город": "Шэньчжэнь", - "Год": 2017, - "Высота": 600 - }, - { - "Название": "Lotte World Tower", - "Тип": "Небоскрёб", - "Страна": "Южная Корея", - "Город": "Сеул", - "Год": 2017, - "Высота": 555 - }, - { - "Название": "Си-Эн Тауэр", - "Тип": "Бетонная башня", - "Страна": "Канада", - "Город": "Торонто", - "Год": 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 - } -] \ No newline at end of file +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, }, + { "type": "DDR4", "name": "DDR4-2666-16GB-B3", "size": 16, "maker": "Corsair", "release": "2018-04", "price": 48, }, + { "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, }, + { "type": "DDR5", "name": "DDR5-6000-32GB-C4", "size": 32, "maker": "Crucial", "release": "2022-07", "price": 158, }, + { "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, }, + { "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, }, + { "type": "LPDDR4", "name": "LP4-4266-8GB-D2", "size": 8, "maker": "Micron", "release": "2019-07", "price": 39, }, + { "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, }, + { "type": "DDR4", "name": "DDR4-4000-16GB-E5", "size": 16, "maker": "Patriot", "release": "2020-06", "price": 61, }, + { "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, }, + { "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, }, + { "type": "DDR3", "name": "DDR3-1866-8GB-G3", "size": 8, "maker": "Samsung", "release": "2015-11", "price": 28, }, + { "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, }, + { "type": "DDR5", "name": "DDR5-6000-48GB-X5", "size": 48, "maker": "Patriot", "release": "2024-05", "price": 225, }, + { "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, }, + { "type": "DDR4", "name": "DDR4-3200-64GB-Y3", "size": 64, "maker": "G.Skill", "release": "2021-03", "price": 185, }, + { "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, }, + { "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, } + +] +ram_sticks = ram_sticks.map((x) => ({ + ...x, + release: Number(x.release.split("-")[0]), +})) \ No newline at end of file diff --git a/current_site/src/pages/graph/main.js b/current_site/src/pages/graph/main.js index 191bfa4..648fd71 100644 --- a/current_site/src/pages/graph/main.js +++ b/current_site/src/pages/graph/main.js @@ -1,12 +1,12 @@ document.addEventListener("DOMContentLoaded", function () { - showTable('build', buildings); + showTable('build', ram_sticks); let tableIsDisplayed = true; tableVisibilityButton.addEventListener("click", () => { if (tableIsDisplayed) { clearTable('build') tableVisibilityButton.innerHTML = "Показать таблицу"; } else { - showTable('build', buildings); + showTable('build', ram_sticks); tableVisibilityButton.innerHTML = "Скрыть таблицу"; } tableIsDisplayed = !tableIsDisplayed; @@ -24,10 +24,10 @@ document.addEventListener("DOMContentLoaded", function () { function updateGraph() { - const keyX = ["Год", "Страна"][getOX()]; + const keyX = ["maker", "release"][getOX()]; const yAxis = getOY(); 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()); } diff --git a/current_site/src/styles/index.styl b/current_site/src/styles/index.styl index d642d35..68688fa 100644 --- a/current_site/src/styles/index.styl +++ b/current_site/src/styles/index.styl @@ -22,7 +22,7 @@ grid-responsive(columns) .navbar double-border() font-size 0 - grid-responsive(repeat(7, min-content)) + grid-responsive(repeat(8, min-content)) justify-items start &__link-wrapper