include ../components/mixins.pug

doctype html
html(lang="ru")
    head
        meta(charset="utf-8")
        script(src="graph/d3.v7.min.js")
        script(src="graph/data.js")
        script(src="graph/main.js")
        script(src="graph/table.js")
        script(src="graph/chart.js")
    body
        +navbarMixin("Graph")

        h3 Цена на оперативную память
        svg
        p Значение по оси OX
        
        input(type="radio" value="0" name="OX" checked)
        span Maker
        br
        input(type="radio" value="1" name="OX")
        span Release Year
        
        p Значение по оси OY
        p#errorDisplay(hidden) Выберете хотя бы одно
        
        input(type="checkbox" value="0" name="OY" checked)
        span Min
        br
        input(type="checkbox" value="1" name="OY")
        span Max
        
        br
        select#graphType
            option(value="0" selected) Точечная
            option(value="1") Гистограма
            option(value="2") График
        button#drawButton Рисовать
        
        br
        button#tableVisibilityButton Скрыть Таблицу
        table#build