index.html

<!DOCTYPE html>
<html>
    <head>
        <title>uwu</title>
        <script src="https://d3js.org/d3.v6.js"></script>
        <link rel="stylesheet" href="style.css">
        <link rel="preconnect" href="https://fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap" rel="stylesheet">
        <link rel="icon" href="Site-favicon.ico">
    </head>
    <body>
        <div id="main">
            <p id="instructions"></p>
            <input type = "range" id = "setSizeSlider" min = "1" value = "1"></type>
            <p id="setSize">Size: 1</p>
            <button id = simplify>
                Toggle Simplicity
            </button>
            <button id = justify>
                Toggle Justification
            </button>
            <button id = lines>
                Toggle Lines
            </button>
            <button id = colors>
                Toggle Colors
            </button>
        </div>
        <div id="canvas"></div>
        <script src="script.js"></script>
    </body>
</html>