-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathviz.html
32 lines (32 loc) · 1.12 KB
/
viz.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="build/bundle.js" charset="utf-8"></script>
<link rel="stylesheet" href="./build/main.css">
<link rel="stylesheet" href="./build/style.css">
<title>Five Colors Suffice</title>
</head>
<body>
<div id="main">
<div id="viz">
<h3>Five Colors Suffice</h3>
<section id="sidebar">
<p id="description">Draw a planar graph on the canvas below by adding vertices and connecting them with edges that don't cross. When you're done, press enter and watch the algorithm color your graph with five colors!</p>
</section>
<canvas id="canvas" width="1000" height="600" style="border:1px solid black;"></canvas>
<div id="buttons">
<div id="color-graph" class="normal-button">
Color graph
</div>
<div id="clear-canvas" class="warning-button">
Clear canvas
</div>
</div>
</div>
<div id="sorry">
<p>Sorry, you'll need to use a larger window to view this visualization correctly.</p>
</div>
</div>
</body>
</html>