forked from ShrishtiAK/AutismVis
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
145 lines (124 loc) · 6.95 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
<!-- <!DOCTYPE html> -->
<meta charset="utf-8">
<head>
<title>Autism Cliff Visualization</title>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
crossorigin="" />
<!-- Make sure you put this AFTER Leaflet's CSS -->
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"
integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
crossorigin=""></script>
<link rel="stylesheet" href="styles/barGraph.css" />
<script src="https://unpkg.com/topojson@3"></script>
</head>
<body>
<div class="navbar">
<a id="title" href="">Autism in Adults</a>
<a href="https://autismmap.iac.gatech.edu/autismmap/">Services Map</a>
<a href="https://autismmap.iac.gatech.edu/">Project Home</a>
|
<a id="nlts2Outcomes">NLTS2 Outcomes</a>
<a id="providersGA">Providers in Georgia</a>
<a id="adultsPrevalence">Autism Prevalence in Adults</a>
</div>
<div class="main">
<div class="container">
<!-- class="scrollyText" -->
<div id="childrenVsAdults" class="scrollyText">
<b>NSCH (National Survey for Children's Health)</b> data for 2016 shows that around 1.5 million children
(ages 3-17) had autism in the year 2016. Based on this and other data, the estimated
number of adults (ages 18-84) with autism is over 5.4 million in the year 2017.
<br>
<svg class="childrenAdultLegend mainLegend"></svg>
</div>
<div id="div0" class="scrollyText">
The estimates of <strong>Adults with Autism</strong> (ages 18-84) are calculated nationwide and for each state.
<br>Hover on a state to see the total number of estimated cases and prevalence.
<br><a
href="https://link.springer.com/article/10.1007/s10803-020-04494-4?deliveryName=USCDC_1054-DM28388&error=cookies_not_supported&code=03c05f8f-edf1-4055-bd26-0e2c29e397b8" target="_blank">Find more
information on the research here</a>.
<br>
<svg class="barLegend mainLegend"></svg>
<!-- The cartogram view represents each state as a bubble and its size represents the estimated number of
adults
with Autism. -->
<!-- <button id="showCartogram">Cartogram</button> -->
</div>
<div id="zoomGeorgia" class="scrollyText">
Let's look at the <strong>Providers of Autism Services in Georgia</strong>. The data is collected from <a
href="https://www.p2pga.org/">Parent to Parent of Georgia</a>. The colors represent the number of
providers in each county. Dekalb and nearby counties have the maximum number of providers. A
geographical disparity of services between North and South Georgia is evident.
<br>
</div>
<div id="georgiaServices" class="scrollyText">
The map shows <strong>Locations of All Providers in Georgia</strong> (based on the data extracted from Parent To Parent).
Select or deselect age groups in the bar graph to filter the locations of providers on the map.
<br>
The total number of providers <strong>drops by 50%</strong> for adults aged 21 and above compared to children of ages 6-11 years.
It's almost like youths fall off a <a id="cliff" href="">Services Cliff</a> when they transition into adulthood.
<br>
<svg id="ageBarGraph"></svg>
</div>
<div id="div1" class="scrollyText">
The <a href="https://nlts2.sri.com/index.html">NLTS2</a> (National Longitudinal Transitional Study 2)
data
covers a population sample that represents over 14,000 Autistic youths
who received Special Education and were 13 to 16 years of age in 2000 when the survey was initiated.
Each pixel here represents ten students.
<br><svg class="nlts2Pixel mainLegend"></svg>
</div>
<div id="div2" class="scrollyText">
Approximately 26% of young adults on the autism spectrum received no services – services that could
help
them become employed, continue their education, or live more independently.
<br><svg class="noService mainLegend"></svg>
</div>
<div id="div3" class="scrollyText">
Frequency of services reduced drastically since high school. 66% of autistic youth received Speech
Language
Therapy at the age of 17.
<br><svg class="servicesBefore mainLegend"></svg>
</div>
<div id="div4" class="scrollyText">
Only 10% of young autistic adults received Speech
Language Therapy since high-school. <strong>56% of them no longer received the service.</strong>
<br><svg class="servicesAfter mainLegend"></svg>
</div>
<div id="div5" class="scrollyText">
<br>
<svg class="nlts2Pixel mainLegend"></svg>
<br><svg class="exploreServices mainLegend"></svg>
<br>
<label for= "updateServiceType">
Explore other services:
</label>
<select id="updateServiceType">
<option value="">Select a Service</option>
</select>
<!-- todo: update text showing est of youth not receiving service -->
<div id="servicesInfo"></div>
</div>
<!-- <div id="div5">
div5
</div> -->
</div>
<!-- <svg width="960", height="600" id="cartogram"></svg> -->
<div class="fixed">
<!-- <button id="prevVis">Prev</button>
<button id="nextVis">Next</button> -->
<div id="leafletMap" style="display:none"></div>
</div>
</div>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script>
<script src="js/d3-tip.js"></script>
<script src="js/d3-legend.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/noframework.waypoints.js"></script>
<script src="js/main.js"></script>
<script src="js/prevalence.js"></script>
<script src="js/childrenVsAdults.js"></script>
<script src="js/georgiaServices.js"></script>
<script src="js/slider.js"></script>
</body>