-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnj_coast.html
91 lines (86 loc) · 3.73 KB
/
nj_coast.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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Superstorm Sandy - New Jersey Coast</title>
<script type="text/javascript" src="js/d3.v3.js"></script>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/lightbox/js/lightbox.js"></script>
<script type="text/javascript" src="js/date.js"></script>
<style type="text/css">
@import url("css/coastMaps.css");
@import url("css/main.css");
</style>
</head>
<body>
<div id="minMargin">
<div class="content">
<div class="header" id="header">
<h1>Superstorm Sandy</h1>
<p class="small">an investigation of its impact on the Tri-State region by GSAPP's <a href="http://www.spatialinformationdesignlab.org/">Spatial Information Design Lab</a> at Columbia University
<p>Superstorm Sandy made landfall in New Jersey on October 29th. Data generated by governments and volunteers in the weeks following the storm stand to provide critical insight into how the region was affected. These pages make such data visible, and serve as launching pad for further investigations and questions of the impact of the storm by researchers at Columbia's <a href="http://www.arch.columbia.edu/">Graduate School of Architecture, Planning, and Preservation</a>.<br>Our views are multiple. Please keep checking back, as new things will be added over time.
</div>
<div class="nav" id="nav">
<div><a href="ny_coast.html">Long Island and Staten Island Coasts</a></div>
<div><a href="nj_coast.html">New Jersey Coast</a></div>
<div class="fade">New York City<br><span class="small">Urban impacts to follow soon.</span></div>
</div>
<div class="interactive" id="interactive">
<div class="backgroundMap" id="backgroundMap"></div>
<svg class="choropleth map" id="choropleth"></svg>
<div class="surgeLine map" id="surgeLine"></div>
<div class="placeLabels map" id="placeLabels"></div>
<svg class="pointPlot map" id="pointPlot"></svg>
<svg class="tractEvents map" id="tractEvents"></svg>
<span class="mapLabel">
<div class="damageLabel" id="damageLabel"></div>
<div class="tractLabel" id="tractLabel"></div>
</span>
<div class="photoColumn" id="photoColumn">
<div class="photoAnnot" id="photoAnnot">
<span>Hover to view aerial photos<br>of damage along the coast.<br><br>Click to view larger images.</span>
</div>
<div id="fixed-photoAnnot" class="photoAnnot"></div>
<div class="photoBox" id="photoBox">
<a class="photoBox_link" href="" rel="lightbox" title=""></a>
</div>
</div>
<div class="layerToggles" id="layerToggles" style="display: block;">
<div class="title">Toggle layers:</div>
<div class="layers">
<div class="toggle income">Income</div>
<div class="toggle unemp">Unemployment</div>
</div>
<div class="key">
<div class="damage">
<div class="small">
Damaged buildings as assessed by FEMA.
</div>
</div>
<div class="surge">
<div class="small">
Approximate extent of storm surge.
</div>
</div>
<div class="choropleth">
<div class="income small"> Higher median income → </div>
<div class="unemp small"> More unemployment → </div>
</div>
</div>
</div>
<div id="fixed-layerToggles" class="layerToggles fixed"></div>
<div id="photoPointer" class="photoPointer">
<div></div>
</div>
<div id="miniMap" class="miniMap">
<div></div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/coastMap.js"></script>
<script type="text/javascript">
$(document).ready(coastMap.init("nj"));
</script><p>
</body>
</html>