-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathindex.html
33 lines (30 loc) · 1.27 KB
/
index.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
33
<!DOCTYPE html>
<html>
<head>
<script src="libraries/p5.min.js"></script>
<script type="text/javascript">
new p5(); // On-demand global mode to use color() outside of setup
</script>
<link rel="stylesheet" type="text/css" href="src/style.css">
<meta charset="utf-8">
<title>Binary Tree Visualization</title>
</head>
<body>
<script src="src/Node.js"></script>
<script src="src/Tree.js"></script>
<script src="src/Controls.js"></script>
<script src="src/Explorer.js"></script>
<script src="src/sketch.js"></script>
<div id = "canvas-placeholder"></div>
<div id = "controls">
<button id = "clear-btn">Clear</button>
<button id = "quick-fill-btn">Quick Fill</button>
<button id = "slow-fill-btn">Fill</button>
<button id = "add-btn">Add</button>
<button id = "search-btn">Search</button>
<span id = "speed-label">Animation Speed:</span>
<input id = "speed-slider" type="range" min = "0" max = "1.5" step = "0.1" value = "0.3"></input>
<a id = "help-label" href = "https://github.com/sColin16/Binary-Tree#using-the-visualization">Need Help?</a>
</div>
</body>
</html>