/
force.html
32 lines (32 loc) · 1.17 KB
/
force.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>
<title>Senna Relationship Diagram</title>
<script type="text/javascript" src="d3.v2.js"></script>
<link type="text/css" rel="stylesheet" href="index.css"/>
</head>
<body>
<div id="divinfo">
<ul>
<li id="info"/>
<li id="status" style="background-color:lightpink;"/>
</ul>
</div>
<div id="qdiv" style="float:left;">
<ul>
<li>Senna Query<input id="query" type="text"/>
<li><input id="showlinks" type="checkbox" checked="true"/>Links
<li>Radius<input id="noderadius" type="range" min="1" max="25" step="1" value="5" />
<li>Charge<input id="charge" type="range" min="-200" max="0" step="10" value="-100" />
<li>Distance<input id="distance" type="range" min="0" max="200" step="5" value="30" />
<li>Gravity<input id="gravity" type="range" min="0" max="5" step="0.02" value="0.5" />
<li><input id="clear" type="button" value="Clear Page"/>
</ul>
</div>
<div id="row" style="white-space:nowrap; height:900px; float:left; clear:left;">
<div id="wordcol" style="float:left"></div>
<div id="chart"></div>
</div>
<script type="text/javascript" src="force.js"></script>
</body>
</html>