generated from DS4200-S23-Class/hw-05
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
52 lines (35 loc) · 1.21 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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html>
<head>
<link rel = "stylesheet" href = "style.css">
<meta charset=utf-8/>
<script src='js/d3.v6.1.1/d3.min.js'></script>
<title>hw-05</title>
</head>
<body>
<h1>hw-05: Interactive Graph with D3</h1>
<div class = "column1">
<div id="vis1"></div>
<div id="vis2"></div>
</div>
<div class="column2">
<div id="coordinates"></div>
<p id="text1"></p>
<p id="text2"></p>
<!-- add the point from users -->
<p>Select the x coordinate for the point you want to add. <input type="number" id="cx1" min ="0" max = "9"></p>
<p>Select the y coordinate for the point you want to add. <input type="number" id="cy1" min ="0" max = "9"></p>
<button type="button" id="subButton">Add point</button>
</div>
<h2>Acknowledgements</h2>
<div>
<p1>
<ul>
<li>https://www.w3schools.com/jsref/met_document_getelementbyid.asp</li>
<li>https://www.w3schools.com/css/default.asp</li>
<li>https://www.geeksforgeeks.org/dom-document-object-model/</li>
</ul>
</p1>
<script src="main.js"></script>
</body>
</html>