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

hw 3 done

Browse Source
This commit is contained in:
OkunElya
2026-03-27 11:55:05 +10:00
parent 6a6883f7e1
commit 76e3d0b5dd
5 changed files with 80 additions and 527 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
current_site/src/pages/graph.pug
View File

@@ -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) Выберете хотя бы одно

8
current_site/src/pages/graph/chart.js
View File

@@ -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]))];
// функция интерполяции значений на оси
// по оси ОХ текстовые значения

582
current_site/src/pages/graph/data.js
View File

@@ -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
}
]
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]),
}))

8
current_site/src/pages/graph/main.js
View File

@@ -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());
}

2
current_site/src/styles/index.styl
View File

@@ -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