-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
172 lines (141 loc) · 7.66 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
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
<!DOCTYPE html>
<!-- template.html -->
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
{{ headContent() }}
{{ bootstrapLib() }}
<link type="text/css" rel="stylesheet" href="common.css" />
<link type="text/css" rel="stylesheet" href="meanmenu.css" />
<meta name="author" content="State of Colorado" />
<meta name="description" content="Colorado Department of Local Affairs" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width" />
<!--[if lt IE 9]>
<script>
document.createElement('header');
document.createElement('nav');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');
document.createElement('hgroup');
document.createElement('@media');
</script>
<![endif]-->
<script type="text/javascript" src="jquery.meanmenu.js"></script>
<script type="text/javascript" src="gtranslate.js"></script>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('header nav').meanmenu();
});
</script>
<title>State Demography Office - Dashboard</title>
</head>
<body>
<div id="top-bar-wrapper">
<div id="top-bar-left">
<a href="https://www.colorado.gov" rel="home" title="Colorado The Official Web Portal">
<img id="logo" alt="The Official Colorado Web Portal Logo" src="img/co_state_web_portal.png" style="width:156px;height:32px"/>
</a>
</div>
<div id="top-bar-right">
</div>
</div>
<div id="page-wrapper">
<div id="page-wrapper-inner">
<header id="header">
<div id="header-name">
<h1 id="site-name">
<a href="https://www.colorado.gov/pacific/dola" title="Home" rel="home">
<span>DOLA</span>
</a>
</h1>
</div>
<a href="https://dola.colorado.gov"><img id="banner" src="img/WebsiteBanner_DOLA_2019.png" alt="Colorado Department of Local Affairs" /></a>
<nav id="top-navigation-wrapper">
<ul id="top-navigation-list" class="sm sm-simple">
<li class="padding-normal">
<a href="http://demography.dola.colorado.gov/">Home</a></li>
<li class="padding-normal">
<a href="http://demography.dola.colorado.gov/population/">Population</a></li>
<li class="padding-normal">
<a href="http://demography.dola.colorado.gov/births-deaths-migration/">Births, Deaths, Migration</a></li>
<li class="padding-normal">
<a href="http://demography.dola.colorado.gov/economy-labor-force/">Economy & Labor Force</a></li>
<li class="padding-normal">
<a href="http://demography.dola.colorado.gov/housing-and-households/">Housing & Households</a></li>
<li class="padding-normal">
<a href="http://demography.dola.colorado.gov/census-acs/">Census & ACS</a></li>
</ul>
</nav>
</header>
<section id="content" role="main">
<div id="main-content">
<h1>State Demography Office - Dashboard</h1>
<span style="font-weight: bold;">INSTRUCTIONS:</span>
<br>
<p>The following page shows graphs and charts for various datasets by county. Select the county from the list below to view the graphs for that county. All graphs are interactive and you are able to zoom in and out on any area of each graph by drawing boxes around the area you would to view with your mouse. To zoom back out, simply double click on any area of the graph. You can also hover over specific data points on each graph to view the data for that specific point.</p>
<p> For your convenience, you are able to download the graphs by clicking on the camera icon in the upper right of the graph while hovering over the chart. This will download an exact copy, including zooming, of the chart on the page.</p>
<p>You are able to download the raw data for each chart by clicking on the "Download Data (CSV)" button below the chart.</p>
<hr>
{{county}}
<hr>
<br>
{{estimates_plot}}
{{estimates_dl}}
<br>
<br>
{{net_mig_plot}}
{{net_mig_dl}}
<br>
<br>
{{projections_plot}}
{{projections_dl}}
<br>
<br>
{{components_plot}}
{{components_dl}}
<br>
<br>
{{projections_age_plot}}
</div>
</div>
</section>
</div>
</div>
<footer id="footer">
<div id="aboutleft">
<a href="/information.html" target="_blank">About the State Demography Office</a> |
<a href="/contact.html" target="_blank">Contact Us</a> |
<a href="/search.html" target="_blank">Search Demography</a>
</div>
<div id="aboutright">
<a href="https://www.colorado.gov/pacific/dola/node/120196" target="_blank">About DOLA</a> |
<a href="https://www.colorado.gov/pacific/dola/node/120201" target="_blank">Careers @ DOLA</a> |
<a href="https://www.colorado.gov/pacific/dola/node/107101" target="_blank">Contact DOLA</a>
</div>
<div id="coloradolegal">
<a href="https://www.colorado.gov/" target="_blank">©
<script type="text/javascript">
var today = new Date();
var year = today.getFullYear();
document.write(year);
</script>
State of Colorado
</a> |
<a href="https://www.colorado.gov/apps/oit/transparency/index.html" target="_blank">Transparency Online</a> |
<a href="https://www.colorado.gov/accessibility-standards" target="_blank">Accessibility</a>
</div>
</footer>
<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-76100845-1', 'auto');
ga('set', 'anonymizeIp', true);
ga('send', 'pageview');
</script>
</body>
</html>