-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
77 lines (66 loc) · 3.71 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>D3 Visualization</title>
<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>
<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 class="col-xs-12 col-md-12">
<h1>D3 Visualization</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 and Age, Income</h2>
<p>We see moderately strong, negative correlations between obesity percentage,
smoking percentage, percentage lacking healthcare and median household income.
As median household income increases, the smoking percentage, obesity percentage, and
percentage lacking healthcare all decrease.
</p>
<p>We see moderate, positive correlations between obesity percentage, smoking percentage, percentag
lacking healthcare and the percentage under the poverty threshold. As the percentage under
the poverty threshold increases, the obesity percentage, smoking percentage, and percentage
lacking healthcare increase.
</p>
<p>Finally, there is a moderate, negative correlation between age and the percentage
lacking healthcare. As age increases, the percentage lacking healthcare decreases.
</p>
<p>The data given are statewide summaries and not measurements on the individual level. Correlations computed using aggregate data such as group means are sometimes referred to as
<a href="https://en.wikipedia.org/wiki/Ecological_correlation">ecological correlations</a>; they are often stronger than correlations that would be computed at
the individual level. In this case, we would expect data on income, poverty, age, obesity, etc., to have a large scatter around the averages resulting in smaller
correlations at the individual level. This does not discount the associations between income, age and health risks.
</p>
<p> Spearmans' rank correlation coefficient was computed using the JavaScript module <a href="https://github.com/jstat">jStat: The JavaScript Statistical Library</a></p>
</div>
<div id="mydata">
</div>
</div>
</div>
</div>
<!-- Footer-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.13.0/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3-tip/0.7.1/d3-tip.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jstat@latest/dist/jstat.min.js"></script>
<script type="text/javascript" src="assets/js/app.js"></script>
</body>
</html>