/
index.html
41 lines (35 loc) · 2.4 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
<html>
<head>
<script src="//fb.me/react-0.13.3.js"></script>
<link rel="import" href="https://s3.amazonaws.com/organ-donation-data-viz/js/datasets/OPO+by+State.csv">
<link rel="import" href="https://s3.amazonaws.com/organ-donation-data-viz/js/datasets/2015_Voter_Registration_By_County.csv">
<link re="import" href="https://s3.amazonaws.com/organ-donation-data-viz/name-to-postal.json">
<link re="import" href="https://s3.amazonaws.com/organ-donation-data-viz/postal-to-name.json">
<script src="//code.jquery.com/jquery-2.1.4.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script>
<script src="http://d3js.org/d3.geo.projection.v0.min.js" charset="utf-8"></script>
<script src="bower_components/topojson/topojson.js"></script>
<script src="bower_components/randomcolor/randomColor.js"></script>
<script src="bower_components/datamaps/dist/datamaps.usa.js"></script>
<script src="bower_components/papaparse/papaparse.js"></script>
<script>
var count = 1;
function setColor(btn, color) {
var property = document.getElementById(btn);
property.style.backgroundColor = color;
}
</script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>
<body>
<!--<button type="button" class="btn btn-primary" data-toggle="modal"></button>-->
<div id="map" style="position: relative; width: 1400px; height: 600px;"></div>
<!--- to-do, not yet done-->
<!--<div><button id="dmv-viz" class="btn btn-default" type="button" value="dmv viz" onclick="setColor('dmv-viz', '#101010')";>Show DMV</button></div>-->
<!--<div><button id="out-of-state-viz" class="btn btn-default" type="button" value="out of state viz" onclick="setColor('out-of-state-viz', '#FFFAFA')";>Show out-of-state locations</button></div>-->
<!--<div><button id="headquarters-viz" class="btn btn-default" type="button" value="headquarters viz" onclick="setColor('headquarters-viz', '#FA8072')";>Show organization headquarters</button></div>-->
<div id="container1" style="padding-top: 5%; position:relative; width: 1500px; height: 900px;"></div>
</body>
<script src="js/map.js"></script>
<script src="js/nymap.js"></script>
</html>