-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathiframe.html
199 lines (191 loc) · 14.9 KB
/
iframe.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
<!DOCTYPE html>
<html lang="en">
<!--
Dear Reader,
Welcome to the part of the page that no body reads. Except you. And me. But that's only 'cause I am writing this. So, it's really only you.
Anyhoo...please feel free to take what you will. Spread the love. We all stand on the shoulders of others. Just don't fall off. The view is better from the top.
Peace!
YS
-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>The Virginia Maps</title>
<link href="https://api.mapbox.com/mapbox.js/v3.0.1/mapbox.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/app-theme.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
@media (min-width: 768px) {
.container { width: 100%; }
}
</style>
</head>
<body>
<main class="container">
<article>
<div class="map-container">
<div id="map"></div>
<div id="maptitle"></div>
<div id="mainoutput"></div>
<div class="map-footer">
<ul class="layer-switch nav nav-pills">
<li class="active"><a id="story" href="#void" class="active" role="presentation">Explore Connectivity Maps</a></li>
<li><a id="explore" href="#void" role="presentation">Explore the Maps in Detail</a></li>
</ul>
</div>
<div class="row">
<div class="col-xs-6">
<div id="controlButtons">
<ul class="list-connectivityMaps list-unstyled">
<li>
<input id="sel-map1" name="connectMaps" type="radio" onClick="PopLayer_LC_LC()">
<label for="sel-map1" id="cb1" class="controlButton">Population Distribution</label>
</li>
<li>
<input id="sel-map2" name="connectMaps" type="radio" onClick="BBSLayer_LC_LC()">
<label for="sel-map2" id="cb2" class="controlButton">Connectivity: Most common download speed</label>
</li>
<li>
<input id="sel-map3" name="connectMaps" type="radio" onClick="Providers_LC_LC()">
<label for="sel-map3" id="cb3" class="controlButton">Physicians distribution</label>
</li>
<li>
<input id="sel-map4" name="connectMaps" type="radio" onClick="PCPRatio_LC_LC()">
<label for="sel-map4" id="cb13" class="controlButton">Persons per Primary Care Provider per County</label>
</li>
<li>
<input id="sel-map5" name="connectMaps" type="radio" onClick="ProvidersxPop_LC()">
<label for="sel-map5" id="cb4" class="controlButton">Physicians and Population Distribution</label>
</li>
<li>
<input id="sel-map6" name="connectMaps" type="radio" onClick="InfoAccess_LC_LC()">
<label for="sel-map6" id="cb5" class="controlButton">Online Access to Health Information</label>
</li>
<li>
<input id="sel-map7" name="connectMaps" type="radio" onClick="InfoAccessxPop_LC()">
<label for="sel-map7" id="cb6" class="controlButton">Online Access to Health Information and Population Distribution</label>
</li>
<li>
<input id="sel-map8" name="connectMaps" type="radio" onClick="InfoAccessxBBS_LC()">
<label for="sel-map8" id="cb7" class="controlButton">Online Access to Health Information and Connectivity</label>
</li>
<li>
<input id="sel-map9" name="connectMaps" type="radio" onClick="ProvidersxInfoAccess_LC()">
<label for="sel-map9" id="cb8" class="controlButton">Access to People and Information</label>
</li>
<li>
<input id="sel-map10" name="connectMaps" type="radio" onClick="ProvidersxObesity_LC()">
<label for="sel-map10" id="cb11" class="controlButton">Obesity Prevalence and Provider Distribution</label>
</li>
<li>
<input id="sel-map11" name="connectMaps" type="radio" onClick="InfoAccessxObesity_LC()">
<label for="sel-map11" id="cb12" class="controlButton">Obesity Prevalence and Online Access to Health Information</label>
</li>
</ul>
<ul class="list-detailMaps list-unstyled hide">
<li>
<input id="chk-map1" type="checkbox" onClick="BBSLayer_LC()">
<label for="chk-map1" id="link-connectivity" class="controlButton">Connectivity: Most common download speed</label>
</li>
<li>
<input id="chk-map2" type="checkbox" onClick="ObesityLayer_LC()">
<label for="chk-map2" class="controlButton">Obesity Prevalence</label>
</li>
<li>
<input id="chk-map3" type="checkbox" onClick="PopLayer_LC()">
<label for="chk-map3" class="controlButton">Population by County</label>
</li>
<li>
<input id="chk-map4" type="checkbox" onClick="infoAccess_LC()">
<label for="chk-map4" class="controlButton">Online Access to Health Information</label>
</li>
<li>
<input id="chk-map5" type="checkbox" onClick="providers_LC()">
<label for="chk-map5" class="controlButton">Physicians Distribution</label>
</li>
<li>
<input id="chk-map6" type="checkbox" onClick="PCPRatio_LC()">
<label for="chk-map6" class="controlButton">Persons per Primary Care Provider per County</label>
</li>
</ul>
</div>
</div>
<div class="col-xs-4">
<div id="legends">
<div id="legend_bbs"></div>
<div id="legend_obesity"></div>
<div id="legend_pop"></div>
<div id="legend_infoaccess"></div>
<div id="legend_physicians"></div>
<div id="legend_pcpratio"></div>
</div>
</div>
</div>
</div>
<hr>
<section>
<h2 id="about">About</h2>
<p> Welcome to the Virginia Maps. Here you can interact with and experience Virginia's story of health and connectivity. In October of 2014 the Connect2Health taskforce visited Virginia to learn and experience its work shaping the space at the intersection of connectivity and health. As a part of the visit we tried to understand the data behind Virginia's story. We researched data about the advancements that Virginia has made in this space as well as opportunities that remain with the purpose of performing an assessment of connectivity and health. Here we present to you our research, our observations and our insights in the form of interactive curated maps under the tab entitled 'Virginia Health Connectivity Maps'. These maps represent just one chapter in Virginia's story that continues to be written. We also present data in the form of individual maps that you can mix, match, and explore to generate your own insights under the tab entitled 'Explore the Maps in Detail'. In the coming months we intend to visit a number of states throughout the US and hope to share their narratives of health and connectivity. Join us as we journey and bring to you the nation's stories. </p>
<section>
<h3><a class="collapsed" href="#void" data-toggle="collapse" data-target="#methodology" aria-expanded="false" aria-controls="methodology"><span class="glyphicon glyphicon-chevron-right"></span>Methodology and Sources</a></h3>
<div id="methodology" class="collapse"><strong>Purpose</strong><br>
<p>Evaluate the degree to which Virginians can connect to the resources they need to get healthy or stay well via available broadband enabled services.</p>
<strong>Methods</strong><br>
<p>Resources evaluated:</p>
<ul>
<li><strong>Connectivity</strong> – Specifically Internet Download Speed by county is a measure of the average Virginians ability to connect to broadband enabled health services, should they exist, in their county.</li>
<li><strong>People</strong> – To assess this domain we determined the number of medical (MD/DO) providers available via telehealth resources, by county in Virginia.</li>
<li><strong>Supports</strong> –To Assess this domain we determined the number of nonclinical health services providers (Mental Health, Employee health, Senior services available via telehealth by county in Virginia.</li>
<li><strong>Information</strong> –To assess this domain (non clinical data & information needs) we evaluated the number of internet searches for chronic disease information being performed in Virginia in the last year by city. </li>
</ul>
<strong>Data Sources</strong><br>
<p>Sources of information and data include:</p>
<ul>
<li><strong>Connectivity</strong> – Data on connectivity was downloaded from the <a href="http://www.broadbandmap.gov">National Broadband Map</a>, a collaboration between NTIA and the FCC.</li>
<li><strong>Catographic Data</strong> – Cartographic boundary shape files were downloaded from the <a href="http://www.census.gov/geo/maps-data/data/cbf/cbf_counties.html">United States Census Bureau.</a></li>
<li><strong>People</strong> – The number and distribution of providers was determined through </li>
<li><strong>Supports</strong> – The primary source of information regarding availaibility of telehealth connectivity to nonclinical health sources was the <a href="http://www.matrc.org">Mid-Atlantic Telehealth Resource Center</a></li>
<li><strong>Information</strong> – Google's Google Trends service was used to assess relative search volume in Virginia of the following search terms: High blood pressure, Hypertension, Alzheimer, Dementia, Heart Disease, Depression, Arhritis, Osteoporosis, Diabetes, COPD. The Google Trends service samples a percentage of all searches for popular search terms that have occurred in a given area in a given time (searches made by few people and those made by the same person over a short period of time are excluded) This was used to quantify the city and total number of searches totalled across all the search terms. This was then normalized using the highest search result in the state thereby generating a rank from 1-100.</li>
</ul>
</div>
</section>
<section>
<h3><a class="collapsed" href="#void" data-toggle="collapse" data-target="#insights" aria-expanded="false" aria-controls="methodology"><span class="glyphicon glyphicon-chevron-right"></span>Insights</a></h3>
<div id="insights" class="collapse">
<p><strong>A story of 2 Virginias</strong> </p>
<ul>
<li>Only one Virginia county (Highland) has an most common download speed of <6mbps. This suggests that there may be some unique challenges, needs or issues in that county that are keeping it from achieving connectivity levels found in every other part of the state.</li>
<li>It is interesting that virtually no or very little online health searching is occuring in counties with most common download speeds between 10mbps and 25mbps. In addition, there are several counties with average broadband download speeds in excess of 25mbps that also have no or very little online health searching occuring. Many of these counties are found in south-central and southern Virginia. Understanding why this is happening could be important for crafting effective strategies to ensure all consumers can benefit from broadband enabled health technologies.</li>
<li>It appears that counties with lower obesity prevalence also tend to have more online chronic disease searching occurring. More research in this area may help us to understand if peopole who have more of an ability to use digital health tools (conduct online health search) are better able to avoid/prevent disease (i.e. find more resources to help them avoid obesity).</li>
<p></p>
</ul>
</div>
</section>
</section>
</article>
<!--
Providers InfoAccess BBS Obesity Population
Providers X X X X
InfoAccess X X X
BBS X
Obesity
Population
-->
<div id='hover'></div>
<div id='click'></div>
<div id='output'></div>
</main>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')</script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="https://api.mapbox.com/mapbox.js/v3.0.1/mapbox.js"></script>
<script src="js/app.js"></script>
</body>
</html>