-
Notifications
You must be signed in to change notification settings - Fork 17
/
Copy pathdata.html
270 lines (245 loc) · 10.9 KB
/
data.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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
<!DOCTYPE HTML>
<html>
<head>
<meta charset = 'utf8'>
<title>CCUSA Disaster Operations Map - Data</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.4.1/d3.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Begin Mapbox requests -->
<script src='https://api.mapbox.com/mapbox-gl-js/v0.44.1/mapbox-gl.js'></script>
<link href='https://api.mapbox.com/mapbox-gl-js/v0.44.1/mapbox-gl.css' rel='stylesheet' />
<script src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v2.1.0/mapbox-gl-geocoder.min.js'></script>
<link rel='stylesheet' href='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v2.1.0/mapbox-gl-geocoder.css' type='text/css' />
<!-- end Mapbox requests -->
<!-- begin project-specific STATIC asset calls.
page-specific calls that require ready DOM elements called at end of <body>.
may change that practice later. for now we can avoid listening for window.load, document.ready, etc -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Fjalla+One|Exo:400,600|Ropa+Sans' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Exo" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans+SC" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=PT+Sans+Narrow|Arimo|Dosis|Lato' rel='stylesheet' type='text/css'>
<!-- Style Sheets -->
<link rel="stylesheet" type="text/css" href="css/overlay.css">
<link rel="stylesheet" type="text/css" href="css/sidenav.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<!-- end project-specific asset calls -->
</head>
<body>
<div>
<!--Navbar-->
<div>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="navbar-brand navbar-left" style="font-family: 'Nunita;' color:#fff; padding-top:8px"><a class="title" href="index.html"><img class="icon logo logo-smaller" src="static/ccusa_logo.svg" width="250" alt="DKDC logo"></a></div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav pull-right">
<li class="nav">
<li class="nav"> <a href="index.html">Map</a></li>
<li class="nav"> <a href="about.html">About</a></li>
<li class="nav"> <a href="data.html">Data</a></li>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
<!-- /.container -->
</nav>
</div>
<!---jumbotron---->
<div class="jumbotron">
<h3>
Two data sources are used in the Disaster Operations Map.
First, the Social Vulnerability Index (SVI) is a public data base curated by the Center for Disease Control (CDC).
Second, te Natural Hazard Housing Risk Index is a proprietary data set released by ATTOM Data Solutions.
<br><br>
Social Vulnerability Index (<a href="https://www.atsdr.cdc.gov/placeandhealth/svi/data_documentation_download.html" target="_blank">CDC</a> 2018)
<br>Natural Hazard Housing Risk Index (<a href="https://www.attomdata.com/" target="_blank">ATTOM</a> 2016)
</h3>
</div>
<!--Container-->
<div class="bio container-fluid" id="ccusa_container">
<!--Center buttons, SVI, row 1-->
<div class="col-md-12 text-center">
<div class="col-md-1 text-center"></div>
<div class="col-md-10 text-justify">
<h1>Methodology</h1>
We pull the data we need from these files and bring them into a .mbtiles file to use with Mapbox and D3.js. Full methodology on this data manipulation is available on the <a href="https://github.com/ccusa/Disaster_Vulnerability_Map" target="_blank">GitHub</a>
page.
<hr>
<h1>Social Vulnerability Index</h1>
<li>Level of disaggregation: U.S. <a href="https://www.census.gov/geo/reference/gtc/gtc_ct.html" target="_blank">Census Tract</a></li>
<li>Year: 2018</li>
<li>Source: CDC</li>
<li><a href="https://svi.cdc.gov/Documents/Data/2014_SVI_Data/SVI2014Documentation.pdf" target="_blank">Additional Information</a></li>
<br><br>
The Overall Social Vulnerability Index (SVI) is a composite score of four broad vulnerability indicators: Socioeconomic Status, Household Composition, Minority Status/Language, and Housing and Transportation.
Each sub-category is calculated from specific indicators described in the table below.
<br><br>
Index scores range from 0 to 1; which depicts the percentiles of a particular county or tract relative to the rest of the USA.
The higher the percentile ranking, the more vulnerable an area is in that category. A red flag indicates that an area is highly vulnerable, or in the top 90th percentile of a particular vulnerability.
<br><br>
<!--SVI TABLE START -->
<table>
<!--socioeconomic status-->
<tr>
<th>Indicator</th>
<th>Vulnerability Category</th>
<th>Description</th>
</tr>
<tr>
<td>Below Poverty</td>
<td>Socioeconomic Status</td>
<td>Persons below poverty estimate</td>
</tr>
<tr>
<td>Unemployed</td>
<td>Socioeconomic Status</td>
<td>Civilian (age 16+)</td>
</tr>
<tr>
<td>Income</td>
<td>Socioeconomic Status</td>
<td>Per capita income</td>
</tr>
<tr>
<td>No High School Diploma</td>
<td>Socioeconomic Status</td>
<td>Persons (age 25+) with no high school diploma</td>
</tr>
<!--household composition-->
<tr>
<td>Aged 65 or older</td>
<td>Household Composition</td>
<td>Persons aged 65 or older</td>
</tr>
<tr>
<td>Aged 17 or younger</td>
<td>Household Composition</td>
<td>Persons aged 17 or younger</td>
</tr>
<tr>
<td>Civilian with a disability</td>
<td>Household Composition</td>
<td>Civilian noninstitutionalized</td>
</tr>
<tr>
<td>Single-Parent Households</td>
<td>Household Composition</td>
<td>Single parent household with children under 18</td>
</tr>
<!--minority status/language-->
<tr>
<td>Minority</td>
<td>Minority Status/Language</td>
<td>Minority (all persons except white, non-Hispanic)</td>
</tr>
<tr>
<td>Speak English “Less than Well”</td>
<td>Minority Status/Language</td>
<td>Persons (age 5+) who speak English "less than well"</td>
</tr>
<!--housing and transportation-->
<tr>
<td>Multi-Unit Structures</td>
<td>Housing and Transportation</td>
<td>Housing in structures with 10 or more units</td>
</tr>
<tr>
<td>Mobile Homes</td>
<td>Housing and Transportation</td>
<td>Mobile homes</td>
</tr>
<tr>
<td>Crowding</td>
<td>Housing and Transportation</td>
<td>At household level (occupied housing units), more people than rooms </td>
</tr>
<tr>
<td>No Vehicle</td>
<td>Housing and Transportation</td>
<td>Households with no vehicle available estimate</td>
</tr>
<tr>
<td>Population</td>
<td> </td>
<td></td>
</tr>
<tr>
<td>Location</td>
<td> </td>
<td>Text description of tract, county, and state</td>
</tr>
<!-- na -->
</table>
<!---SVI TABLE END --->
<hr>
<h1>Natural Hazard Housing Risk Index</h1>
<li>Level of disaggregation: more than 3,000 USA counties</li>
<li>Year: 2016</li>
<li>Source: ATTOM Data Solutions</li>
<li><a href="http://www.realtytrac.com/news/home-prices-and-sales/2016-natural-hazard-housing-risk-index/" target="_blank">Additional Information</a></li>
<br><br>
The Hazard Risk is an additive composite of six measures: Hurricane, Flood, Earthquake, Wildfire, Tornado, and Hail.
Each hazard risk component is measured on a scale from 0-60, with a potential Overall Hazard Risk of 360.
<br><br>
<!---Hazard TABLE START --->
<table>
<tr>
<th>Indicator</th>
<th>Description</th>
</tr>
<tr>
<td><b>Overall Hazard Risk</b></td>
<td>Descrip</td>
</tr>
<tr>
<td>Hurricane Risk</td>
<td>Data is from FEMA and the National Hurricane Center (NHC), and risk level is based on two factors with equal weight: number and intensity of hurricane strikes historically; and percentage of homes located in flood zones identified as having a risk of “storm-induced waves”</td>
</tr>
<tr>
<td>Flood Risk</td>
<td>Data is based on flood zones created by the Federal Emergency Management Agency (FEMA), and the level of risk was based on the percentage of homes in each county located in high-risk flood zones</td>
</tr>
<tr>
<td>Earthquake Risk</td>
<td>Data is from the United States Geological Survey (USGS), and the level of risk was based on the probability of a magnitude 5.0 earthquake in each county</td>
</tr>
<tr>
<td>Wildfire Risk</td>
<td>Data is from the United States Department of Agriculture Forest Service and Fire Modeling Institute, and risk level is based on the percentage of homes in each county located in “Very High” or “High” Wildfire Hazard Potential (WHP) areas.</td>
</tr>
<tr>
<td>Tornado Risk</td>
<td>Data is from the National Oceanic and Atmospheric Administration (NOAA), and level of risk was based on the Destruction Potential Index (DPI) for each county. DPI is calculated using number of tornadoes, path of tornadoes in square miles, and intensity of tornadoes on the Fujita scale.</td>
</tr>
<tr>
<td>Hail Risk</td>
<td>Data is from NOAA and the risk level is based on the average number of hail storms per year in each county with hail that exceeds 1-inch in size over the past 15 years.</td>
</tr>
</table>
<!---SVI TABLE END --->
<br><br>
</div>
<div class="col-md-1 text-center"></div>
</div>
</div>
<!--footer-->
<div class="closeinfo">
If you have any questions or feedback, please contact <a href="mailto:dc@datakind.org">DataKind</a>, or <a href="mailto:info@catholiccharitiesusa.org">Catholic Charities USA</a>.
</div>
</body>
</html>