-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
40 lines (31 loc) · 2.21 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
<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head>
<title>State migration</title>
<link rel = "stylesheet" type = "text/css" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
</head>
<body style = "padding-left: 10px;">
<h3>Business Migration</h3>
<p>Circles are sized by net migration to and from the corresponding state - green indicates positive net migration (more businesses are moving to the state than from it), red indicates negative net migration (more businesses are moving away from the state than to it). Hover over a state for raw numbers. Click a state to view migration flows to and from that state - again, green indicates net gain for the selected state, red indicates net loss.</p>
<div style="position:relative;padding-top:66%;">
<iframe loading="lazy" style="border:none;position:absolute;top:0;left:0;width:100%;height:100%;" src="mapr1.html" scrolling="no"></iframe>
</div>
<div style="position:relative;padding-top:66%;">
<iframe loading="lazy" style="border:none;position:absolute;top:0;left:0;width:100%;height:100%;" src="mapr2.html" scrolling="no"></iframe>
</div>
<div style="position:relative;padding-top:66%;">
<iframe loading="lazy" style="border:none;position:absolute;top:0;left:0;width:100%;height:100%;" src="mapr3.html" scrolling="no"></iframe>
</div>
<div style="position:relative;padding-top:66%;">
<iframe loading="lazy" style="border:none;position:absolute;top:0;left:0;width:100%;height:100%;" src="mapr4.html" scrolling="no"></iframe>
</div>
<div style="position:relative;padding-top:66%;">
<iframe loading="lazy" style="border:none;position:absolute;top:0;left:0;width:100%;height:100%;" src="mapr5.html" scrolling="no"></iframe>
</div>
<h3>Acknowledgements</h3>
<p>Interactive visualization of NETS business migration data using d3 javascript library by Nolan Windham</p>
<p>Based on <a href="http://bl.ocks.org/cingraham/7663357" rel="nofollow">State migration flows, 2012</a> by <a href="https://bl.ocks.org/cingraham" rel="nofollow">cingraham</a></p>
<p>Interactive graphic by <a href="https://twitter.com/_cingraham" rel="nofollow">Christopher Ingraham</a>. More at <a href="http://wonkviz.tumblr.com/" rel="nofollow">wonkviz.tumblr.com</a>.</p>
</body>
</html>