-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
39 lines (39 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
34
35
36
37
38
39
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="main.css">
</head>
<body>
<h1>Modeling Gentrification</h1>
<p>Annabel Consilvio, Nick Francisci, Anisha Nakagawa</p>
<p> Year: <span id="year_number">2010</span><br>
<input id="yearSlider" type="range" min=2010 max=2013 step=1 value=2010 oninput="setYear(this.value)"/>
</p>
<svg id="vis"></svg>
<img src = "images/legend3groups.png" style="float:right">
<p>
State 0<br/>
Median Household Income: 103207<br/>
Median Contract Rent: 1480<br/>
Impoverished Pop: 212<br/>
Median Home Value: 617312<br/>
<br/>
State 1<br/>
Median Household Income: 73560<br/>
Median Contract Rent: 979<br/>
Impoverished Pop: 303<br/>
Median Home Value: 393980<br/>
<br/>
State 2<br/>
Median Household Income: 37709<br/>
Median Contract Rent: 824<br/>
Impoverished Pop: 1057<br/>
Median Home Value: 318305<br/>
</p>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.19.0/babel.min.js" charset="utf-8"></script>
<script src="http://d3js.org/d3.geo.projection.v0.min.js"></script>
<!-- <script src="//d3js.org/topojson.v1.min.js"></script> -->
<script src = "main.js"></script>
</html>