-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
46 lines (44 loc) · 1.59 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
<!DOCTYPE html>
<html>
<head>
<title>Scattergrams</title>
<script type="text/javascript" src="http://d3js.org/d3.v2.js"></script>
<link rel="stylesheet" type="text/css" href="viz/scattergrams.css" />
</head>
<body id="body">
<div class="header">
<div class="bigheader">Scattergrams</div>
<div class="subheader">A Google n-grams visualization tool by Robert Carlsen and Eric Alexander</div>
</div>
<div id="tooltip"></div>
<table border="0">
<tr>
<!-- Left side -->
<td class="sidebar" valign="top">
<table>
<tr><div id="playButton"></div></tr>
<tr><div class="bigLabel">Plotted Variables</div></tr>
<tr><div id="xyDropdowns"></div></tr>
<tr><div id="numDatumsSlider"></div></tr>
<tr><div class="bigLabel">Degree of Interest</div></tr>
<tr><div id="doiSliders"></div></tr>
<tr><div class="bigLabel">Legend</div></tr>
<tr><div class="midLabel">Size scale: Degree of Interest</div></tr>
<tr><div id="doiLegend"></div></tr>
<tr><div class="midLabel">Color scale: Temperature</div></tr>
<tr><div id="tempLegend"></div></tr>
</table>
</td>
<!-- Right side -->
<td class="vis" valign="top">
<table>
<tr><div id="vizTitle"></div></tr>
<tr><div id="yearSlider"></div></tr>
<tr><div id="viz"></div></tr>
</table>
</td>
</tr>
</table>
<script type="text/javascript" src="viz/viz.js"></script>
</body>
</html>