-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
64 lines (56 loc) · 3.08 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>D3Times</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/d3Style.css">
</head>
<body>
<div class="container">
<div class="row">
<div id='title' class="col-xs-12 col-md-12">
<h1>The D3 Times</h1>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-9">
<div id="scatter">
<!-- We append our chart here. -->
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-9">
<div class="article">
<h2>Correlations Discovered Between Health Risks, Age, and Income</h2>
<p>The above chart represents data collected from the U.S. Census Bureau. The data represents multiple factors of
health along with socio-economic factors. Most of the data points are provided as a pertentage of the population
in the correlated state.
</p>
<p>Interact with the above chart by clicking on the categories on the left and bottom of the chart. This will
toggle through the data associated with that category. Each data point on the chart represents as state with
the United States of America by it's abbreviation. Hover over each data point, and a text pop up will appear
with the exact infomation of each state, and the two selected categories.</p>
<p>Being able to understand how socio-economic factors effect our population health, can lead to better health
advocacy. Armed with appropriate knowledge society can tackle the issues that cause a decline in our overall health
through educational programs, and effective policy. Explore the data above, and see what questions it helps you draw.</p>
</div>
</div>
</div>
</div>
<!-- Footer-->
<div id="footer">
<p>Data Provided by: U.S. Census Bureau and the Behavioral Risk Factor Surveillance System<br>
Charting and Wording by: Ryan R Eberle
</p>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3-tip/0.7.1/d3-tip.min.js"></script>
<script type="text/javascript" src="assets/js/app.js"></script>
</body>
</html>