forked from UrbanInstitute/state-economic-monitor
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhousing.html
executable file
·237 lines (164 loc) · 10.6 KB
/
housing.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" href="favicon.ico" type="image/x-icon">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>State Economic Monitor</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/sem.css">
<!--fonts for the site -->
<link href="font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Lato:100,200,300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "NewsArticle",
"headline": "State Economic Monitor",
"url": "http://apps.urban.org/features/state-economic-monitor/housing.html",
"thumbnailUrl": "http://apps.urban.org/features/state-economic-monitor/images/scatterplot.png",
"dateCreated": "2015-11-25T00:00:00.000Z",
"articleSection": "Interactive Feature",
"creator": ["Richard Auxier","Norton Francis","Tracy Gordon"],
"keywords": ["Taxes and Budget","Income and Wealth","Housing and Housing Finance"]
}
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-57529944-1', 'auto');
ga('send', 'pageview');
</script>
<script type="text/javascript" src="js/headroom.min.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-MKBD2W"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MKBD2W');</script>
<!-- End Google Tag Manager -->
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation" id="topNav">
<div class="container">
<div id="share">
<!-- <div id="logo"><a href="http://www.urban.org" target="_blank"><img id="fullLogo" src="images/logo-01.png" alt="The Urban Institute" /><img id="smallLogo" src="images/logo-03.png" alt="The Urban Institute" /></a>
</div>-->
<div id="logo"><a href="http://www.urban.org" target="_blank"><img src="images/logo-03.png" alt="The Urban Institute" /></a></div>
<div id="sem"><h1><a href="index.html">State Economic Monitor</a></h1></div>
</div><!-- share -->
</div>
<!-- /.container -->
</nav>
<header id="header">
<!-- <div id="sem"><h1><a href="index.html">State Economic Monitor</a></h1></div>-->
<nav>
<label for="show-menu" class="show-menu"><p>Menu</p></label>
<input type="checkbox" id="show-menu" role="button">
<ul id="menu">
<a href="index.html"><li class="mobile-menu">Home</li></a>
<a href="employment.html"> <li>Employment</li></a>
<a href="earnings.html"> <li>Earnings</li></a>
<a href="housing.html"> <li class="active">Housing</li></a>
<a href="taxes.html"> <li>Taxes</li></a>
<a href="historical.html"> <li>Historical</li></a>
<a href="archive.html"><li class="mobile-menu">Archive</li></a>
</ul>
</nav>
</header>
<section class="section170">
<div class="container">
<h2>Housing</h2>
<hr>
<div class="introSectionText">
Assessing quarterly state house prices data compared with one year earlier and the national peak (first quarter of 2007).<br> <span class="grey instructions">Roll over the bar charts, scatter plots, maps, and legends to see additional data.</span></div>
</div><!--close container -->
</section><!--close section -->
<section class="section25">
<div class="container">
<div id = "figure_house-prices"></div>
<div class="explainerText"><p>National house prices in the first quarter of 2017 were 6.0 percent higher than in the first quarter of 2016, with house prices increasing over the year in 48 states and the District of Columbia (DC). Three states had price increases greater than 10 percent: Colorado (10.7 percent), Idaho (10.3 percent), and Washington (10.2 percent). DC saw the highest price increase at 13.9 percent. In total, 26 states saw house prices increase 5.0 percent or more over the past year. Prices decreased in two states: Delaware (-0.2 percent) and North Dakota (-0.1 percent).</p>
<div class="download"> <a href="#">Download Data</a></div>
</div><!--close expalinerText -->
<hr>
</div><!--close container -->
</section><!--close section -->
<section class="section100">
<div class="container">
<div id = "housing_change_vs_2007_housing_change"></div>
<div class="explainerText"><p>National house prices in the first quarter of 2017 were 7.4 percent above their pre–Great Recession peak</a> (the first quarter of 2007). Although national prices recovered in the first quarter of 2016, prices in 12 states still have not surpassed their 2007 peak. Nevada’s prices continue to be furthest from their peak, with house prices 17.2 percent below their 2007 levels. House prices were also 10.0 percent or more below 2007 levels in Arizona, Connecticut, Delaware, Florida, Maryland, and New Jersey. On the opposite end of the spectrum, first-quarter 2017 house prices were well above their 2007 levels in DC (55.0 percent), North Dakota (50.5 percent), Colorado (50.2 percent), and Texas (43.1 percent). Overall, 21 states and DC had first-quarter house prices 10.0 percent or more above their early 2007 levels. Long-term and recent price changes were not always aligned, though. Nevada has experienced continued strong annual price growth (8.9 percent), but it has not been nearly enough to recover from its price drop since 2007. Meanwhile, North Dakota’s prices fell 0.1 percent from first quarter 2016 to 2017 despite it having the most price growth since 2007 of any state. The state experienced rapid house price appreciation during its oil boom while prices were high, but they have since leveled off as oil prices and production have dropped. DC, Colorado, and Texas have experienced strong price growth both annually and since 2007, but Delaware prices have fallen both over the past year and since their 2007 level. </p> <div class="download"><a href="#">Download Data</a></div>
</div><!--close expalinerText -->
<hr>
<img src="images/pdficon.png"> <a class = "pdfDownload" href="#" target="_blank">Click here for a printer-friendly PDF</a>
</div><!--close container -->
</section><!--close section -->
<footer>
<div class="container"><a href="http://www.urban.org" target="_blank"><img src="images/urban.jpg"></a><p>© 2015 Urban Institute :: <a target="_blank" href="https://github.com/UrbanInstitute/state-economic-monitor">View on Github</a> :: <a target="_blank" href="http://www.urban.org/about/contact.cfm">Contact Us</a> :: <a href="archive.html">Archive</a></p> </div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script> var header = document.querySelector("header");
new Headroom(header, {
tolerance: {
down : 3,
up : 4
},
offset : 500,
classes: {
initial: "slide",
pinned: "slide--reset",
unpinned: "slide--up"
}
}).init();
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/vendor/jquery.min.js"></script>
<script src ="js/vendor/d3.min.js"></script>
<script src = "js/vendor/queue.min.js"></script>
<script src = "js/vendor/topojson.js"></script>
<script src = "js/figureData.js"></script>
<script src = "js/semConfig.js"></script>
<script src = "js/main.js"></script>
<script src = "js/historical.js"></script>
<script> $(document).ready(function() {
var pdfName = DOWNLOAD_TAB_NAME.housing.replace("20","").replace("-","").replace("_","")
d3.selectAll(".pdfDownload")
.attr("href", "archive/" + pdfName + ".pdf")
d3.selectAll(".download a")
.attr("href","data/download/" + DOWNLOAD_FILE_NAME + "#" + DOWNLOAD_TAB_NAME.housing + "!A1")
$('.hover').bind('touchstart touchend', function(e) {
e.preventDefault();
$(this).toggleClass('hover_effect');
});
});</script>
<!-- START Parse.ly Include: Standard -->
<div id="parsely-root" style="display: none">
<span id="parsely-cfg" data-parsely-site="urban.org"></span>
</div>
<script>
(function(s, p, d) {
var h=d.location.protocol, i=p+"-"+s,
e=d.getElementById(i), r=d.getElementById(p+"-root"),
u=h==="https:"?"d1z2jf7jlzjs58.cloudfront.net"
:"static."+p+".com";
if (e) return;
e = d.createElement(s); e.id = i; e.async = true;
e.src = h+"//"+u+"/p.js"; r.appendChild(e);
})("script", "parsely", document);
</script>
<!-- END Parse.ly Include: Standard -->
</body>
</html>