-
Notifications
You must be signed in to change notification settings - Fork 0
/
mort_map.html
293 lines (286 loc) · 24.3 KB
/
mort_map.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
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Causes of Mortality</title>
<link href="mort_map.css" rel="stylesheet" type="text/css">
<link href="http://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container">
<div class='row'>
<h3 id='vis_title' class='six columns'>Causes of Mortality </h3>
<h3 class='three columns'></h3>
<h3 id="year_label" class='three columns'>2000<!-- </span> --> </h3>
</div>
<!-- <div class='row'>
<h6 class='six columns'>Mortality Cause Selector:</h6>
<h6 class='three columns'>Scale Color By:</h6>
<h6 class='three columns'>Year Selector</h6>
</div> -->
<div class='row'>
<select id="select_key" class='six columns'>
<option value="All_Causes" selected="selected">All Causes</option>
<option value="Communicable_maternal_perinatal_and_nutritional_conditions"> Communicable, maternal, perinatal and nutritional conditions</option>
<option value="Infectious_and_parasitic_diseases">  Infectious and parasitic diseases</option>
<option value="Tuberculosis">   Tuberculosis</option>
<option value="STDs_excluding_HIV">   STDs excluding HIV</option>
<option value="Syphilis">    Syphilis</option>
<option value="Chlamydia">    Chlamydia</option>
<option value="Gonorrhoea">    Gonorrhoea</option>
<option value="Trichomoniasis">    Trichomoniasis</option>
<option value="Genital_herpes">    Genital herpes</option>
<option value="Other_STDs">    Other STDs</option>
<option value="HIV/AIDS">   HIV/AIDS</option>
<option value="Diarrhoeal_diseases">   Diarrhoeal diseases</option>
<option value="Childhood-cluster_diseases">   Childhood-cluster diseases</option>
<option value="Whooping_cough">    Whooping cough</option>
<option value="Diphtheria">    Diphtheria</option>
<option value="Measles">    Measles</option>
<option value="Tetanus">    Tetanus</option>
<option value="Meningitis">   Meningitis</option>
<option value="Encephalitis">   Encephalitis</option>
<option value="Hepatitis">   Hepatitis</option>
<option value="Acute_hepatitis_A">    Acute hepatitis A</option>
<option value="Acute_hepatitis_B">    Acute hepatitis B</option>
<option value="Acute_hepatitis_C">    Acute hepatitis C</option>
<option value="Acute_hepatitis_E">    Acute hepatitis E</option>
<option value="Cirrhosis_due_to_hepatitis_B">    Cirrhosis due to hepatitis B</option>
<option value="Cirrhosis_due_to_hepatitis_C">    Cirrhosis due to hepatitis C</option>
<option value="Liver_cancer_secondary_to_hepatitis_B">    Liver cancer secondary to hepatitis B</option>
<option value="Liver_cancer_secondary_to_hepatitis_C">    Liver cancer secondary to hepatitis C</option>
<option value="Parasitic_and_vector_diseases">   Parasitic and vector diseases</option>
<option value="Malaria">    Malaria</option>
<option value="African_trypanosomiasis">    African trypanosomiasis</option>
<option value="Chagas_disease">    Chagas disease</option>
<option value="Schistosomiasis">    Schistosomiasis</option>
<option value="Leishmaniasis">    Leishmaniasis</option>
<option value="Lymphatic_filariasis">    Lymphatic filariasis</option>
<option value="Onchocerciasis">    Onchocerciasis</option>
<option value="Cysticercosis">    Cysticercosis</option>
<option value="Echinococcosis">    Echinococcosis</option>
<option value="Dengue">    Dengue</option>
<option value="Trachoma">    Trachoma</option>
<option value="Yellow_fever">    Yellow fever</option>
<option value="Rabies">    Rabies</option>
<option value="Intestinal_nematode_infections">   Intestinal nematode infections</option>
<option value="Ascariasis">    Ascariasis</option>
<option value="Trichuriasis">    Trichuriasis</option>
<option value="Hookworm_disease">    Hookworm disease</option>
<option value="Food-bourne_trematodes">    Food-bourne trematodes</option>
<option value="Leprosy">   Leprosy</option>
<option value="Other_infectious_diseases">   Other infectious diseases</option>
<option value="Respiratory_infections_">  Respiratory infections </option>
<option value="Lower_respiratory_infections">   Lower respiratory infections</option>
<option value="Upper_respiratory_infections">   Upper respiratory infections</option>
<option value="Otitis_media">   Otitis media</option>
<option value="Maternal_conditions">  Maternal conditions</option>
<option value="Neonatal_conditions">  Neonatal conditions</option>
<option value="Preterm_birth_complications">   Preterm birth complications</option>
<option value="Birth_asphyxia_and_birth_trauma">   Birth asphyxia and birth trauma</option>
<option value="Neonatal_sepsis_and_infections">   Neonatal sepsis and infections</option>
<option value="Other_neonatal_conditions">   Other neonatal conditions</option>
<option value="Nutritional_deficiencies">  Nutritional deficiencies</option>
<option value="Protein-energy_malnutrition">   Protein-energy malnutrition</option>
<option value="Iodine_deficiency">   Iodine deficiency</option>
<option value="Vitamin_A_deficiency">   Vitamin A deficiency</option>
<option value="Iron-deficiency_anaemia">   Iron-deficiency anaemia</option>
<option value="Other_nutritional_deficiencies">   Other nutritional deficiencies</option>
<option value="Noncommunicable_diseases"> Noncommunicable diseases</option>
<option value="Malignant_neoplasms">  Malignant neoplasms</option>
<option value="Mouth_and_oropharynx_cancers">   Mouth and oropharynx cancers</option>
<option value="Lip_and_oral_cavity">    Lip and oral cavity</option>
<option value="Nasopharynx">    Nasopharynx</option>
<option value="Other_pharynx">    Other pharynx</option>
<option value="Oesophagus_cancer">   Oesophagus cancer</option>
<option value="Stomach_cancer">   Stomach cancer</option>
<option value="Colon_and_rectum_cancers">   Colon and rectum cancers</option>
<option value="Liver_cancer">   Liver cancer</option>
<option value="Other_liver_cancer">    Other liver cancer</option>
<option value="Pancreas_cancer">   Pancreas cancer</option>
<option value="Trachea_bronchus_lung_cancers">   Trachea, bronchus, lung cancers</option>
<option value="Melanoma_and_other_skin_cancers">   Melanoma and other skin cancers</option>
<option value="Malignant_skin_melanoma">    Malignant skin melanoma</option>
<option value="Non-melanoma_skin_cancer">    Non-melanoma skin cancer</option>
<option value="Breast_cancer">   Breast cancer</option>
<option value="Cervix_uteri_cancer">   Cervix uteri cancer</option>
<option value="Corpus_uteri_cancer">   Corpus uteri cancer</option>
<option value="Ovary_cancer">   Ovary cancer</option>
<option value="Prostate_cancer">   Prostate cancer</option>
<option value="Testicular_cancer">   Testicular cancer</option>
<option value="Kidney_cancer">   Kidney cancer</option>
<option value="Bladder_cancer">   Bladder cancer</option>
<option value="Brain_and_nervous_system_cancers">   Brain and nervous system cancers</option>
<option value="Gallbladder_and_biliary_tract_cancer">   Gallbladder and biliary tract cancer</option>
<option value="Larynx_cancer">   Larynx cancer</option>
<option value="Thyroid_cancer">   Thyroid cancer</option>
<option value="Mesothelioma">   Mesothelioma</option>
<option value="Lymphomas_multiple_myeloma">   Lymphomas, multiple myeloma</option>
<option value="Hodgkin_lymphoma">    Hodgkin lymphoma</option>
<option value="Non-Hodgkin_lymphoma">    Non-Hodgkin lymphoma</option>
<option value="Multiple_myeloma">    Multiple myeloma</option>
<option value="Leukaemia">   Leukaemia</option>
<option value="Other_malignant_neoplasms">   Other malignant neoplasms</option>
<option value="Other_neoplasms">  Other neoplasms</option>
<option value="Diabetes_mellitus">  Diabetes mellitus</option>
<option value="Endocrine_blood_immune_disorders">Endocrine, blood, immune disorders</option>
<option value="Thalassaemias">   Thalassaemias</option>
<option value="Sickle_cell_disorders_and_trai">   Sickle cell disorders and trait</option>
<option value="Other_haemoglobinopathies_and_haemolytic_anaemias">   Other haemoglobinopathies and haemolytic anaemias</option>
<option value="Other_endocrine_blood_and_immune_disorders">   Other endocrine, blood and immune disorders</option>
<option value="Mental_and_substance_use_disorders">  Mental and substance use disorders</option>
<option value="Depressive_disorders">   Depressive disorders</option>
<option value="Major_depressive_disorder">    Major depressive disorder</option>
<option value="Dysthymia">    Dysthymia</option>
<option value="Bipolar_disorder">   Bipolar disorder</option>
<option value="Schizophrenia">   Schizophrenia</option>
<option value="Alcohol_use_disorders">   Alcohol use disorders</option>
<option value="Liver_cancer_secondary_to_alcohol_use">    Liver cancer secondary to alcohol use</option>
<option value="Cirrhosis_due_to_alcohol_use">    Cirrhosis due to alcohol use</option>
<option value="Drug_use_disorders">   Drug use disorders</option>
<option value="Opioid_use_disorders">    Opioid use disorders</option>
<option value="Cocaine_use_disorders">    Cocaine use disorders</option>
<option value="Amphetamine_use_disorders">    Amphetamine use disorders</option>
<option value="Cannabis_use_disorders">    Cannabis use disorders</option>
<option value="Other_drug_use_disorders">    Other drug use disorders</option>
<option value="Anxiety_disorders">   Anxiety disorders</option>
<option value="Eating_disorders">   Eating disorders</option>
<option value="Autism_and_Asperger_syndrome">   Autism and Asperger syndrome</option>
<option value="Childhood_behavioural_disorders">   Childhood behavioural disorders</option>
<option value="Attention_deficit/hyperactivity_syndrome">    Attention deficit/hyperactivity syndrome</option>
<option value="Conduct_disorder">    Conduct disorder</option>
<option value="Idiopathic_intellectual_disability">   Idiopathic intellectual disability</option>
<option value="Other_mental_and_behavioural_disorders">   Other mental and behavioural disorders</option>
<option value="Neurological_conditions">  Neurological conditions</option>
<option value="Alzheimer_disease_and_other_dementias">   Alzheimer disease and other dementias</option>
<option value="Parkinson_disease">   Parkinson disease</option>
<option value="Epilepsy">   Epilepsy</option>
<option value="Multiple_sclerosis">   Multiple sclerosis</option>
<option value="Migraine">   Migraine</option>
<option value="Non-migraine_headache">   Non-migraine headache</option>
<option value="Other_neurological_conditions">   Other neurological conditions</option>
<option value="Sense_organt_diseases">  Sense organ diseases</option>
<option value="Glaucoma">   Glaucoma</option>
<option value="Cataracts">   Cataracts</option>
<option value="Uncorrected_refractive_errors">   Uncorrected refractive errors</option>
<option value="Macular_degeneration">   Macular degeneration</option>
<option value="Other_vision_loss">   Other vision loss</option>
<option value="Other_hearing_loss">   Other hearing loss</option>
<option value="Other_sense_organ_disorders">   Other sense organ disorders</option>
<option value="Cardiovascular_diseases">  Cardiovascular diseases</option>
<option value="Rheumatic_heart_disease">   Rheumatic heart disease</option>
<option value="Hypertensive_heart_disease">   Hypertensive heart disease</option>
<option value="Ischaemic_heart_disease">   Ischaemic heart disease</option>
<option value="Stroke">   Stroke</option>
<option value="Haemorrhagic_stroke">   Haemorrhagic stroke</option>
<option value="Ischaemic_stroke">   Ischaemic stroke</option>
<option value="Cardiomyopathy_myocarditis_endocarditis">   Cardiomyopathy, myocarditis, endocarditis</option>
<option value="Other_circulatory_diseases">   Other circulatory diseases</option>
<option value="Respiratory_diseases">  Respiratory diseases</option>
<option value="Chronic_obstructive_pulmonary_disease">   Chronic obstructive pulmonary disease</option>
<option value="Asthma">   Asthma</option>
<option value="Other_respiratory_diseases">   Other respiratory diseases</option>
<option value="Digestive_diseases">  Digestive diseases</option>
<option value="Peptic_ulcer_disease">   Peptic ulcer disease</option>
<option value="Cirrhosis_of_the_liver">   Cirrhosis of the liver</option>
<option value="Other_liver_cirrhosis">   Other liver cirrhosis</option>
<option value="Appendicitis">   Appendicitis</option>
<option value="Gastritis_and_duodenitis">   Gastritis and duodenitis</option>
<option value="Paralytic_ileus_and_intestinal_obstruction">   Paralytic ileus and intestinal obstruction</option>
<option value="Inflammatory_bowel_disease">   Inflammatory bowel disease</option>
<option value="Gallbladder_and_biliary_diseases">   Gallbladder and biliary diseases</option>
<option value="Pancreatitis">   Pancreatitis</option>
<option value="Other_digestive_diseases">   Other digestive diseases</option>
<option value="Genitourinary_diseases">  Genitourinary diseases</option>
<option value="Kidney_diseases">   Kidney diseases</option>
<option value="Acute_glomerulonephritis">    Acute glomerulonephritis</option>
<option value="Chronic_kidney_disease_due_to_diabetes">    Chronic kidney disease due to diabetes</option>
<option value="Other_chronic_kidney_disease">    Other chronic kidney disease</option>
<option value="Benign_prostatic_hyperplasia">   Benign prostatic hyperplasia</option>
<option value="Urolithiasis">   Urolithiasis</option>
<option value="Other_urinary_diseases">   Other urinary diseases</option>
<option value="Infertility">   Infertility</option>
<option value="Gynecological_diseases">   Gynecological diseases</option>
<option value="Skin_diseases">  Skin diseases</option>
<option value="Musculoskeletal_diseases">  Musculoskeletal diseases</option>
<option value="Rheumatoid_arthritis">   Rheumatoid arthritis</option>
<option value="Osteoarthritis">   Osteoarthritis</option>
<option value="Gout">   Gout</option>
<option value="Back_and_neck_pain">   Back and neck pain</option>
<option value="Other_musculoskeletal_disorders">   Other musculoskeletal disorders</option>
<option value="Congenital_anomalies">  Congenital anomalies</option>
<option value="Neural_tube_defects">   Neural tube defects</option>
<option value="Cleft_lip_and_cleft_palate">   Cleft lip and cleft palate</option>
<option value="Down_syndrome">   Down syndrome</option>
<option value="Congenital_heart_anomalies">   Congenital heart anomalies</option>
<option value="Other_chromosomal_anomalies">   Other chromosomal anomalies</option>
<option value="Other_congenital_anomalies">   Other congenital anomalies</option>
<option value="Oral_conditions">  Oral conditions</option>
<option value="Dental_caries">   Dental caries</option>
<option value="Periodontal_disease">   Periodontal disease</option>
<option value="Edentulism">   Edentulism</option>
<option value="Other_oral_disorders">   Other oral disorders</option>
<option value="Sudden_infant_death_syndrome">  Sudden infant death syndrome</option>
<option value="Injuries"> Injuries</option>
<option value="Unintentional_injuries">  Unintentional injuries</option>
<option value="Road_injury">   Road injury</option>
<option value="Poisonings">   Poisonings</option>
<option value="Falls">   Falls</option>
<option value="Fire_heat_and_hot_substances">   Fire, heat and hot substances</option>
<option value="Drowning">   Drowning</option>
<option value="Exposure_to_mechanical_forces">   Exposure to mechanical forces</option>
<option value="Natural_disasters">   Natural disasters</option>
<option value="Other_unintentional_injuries">   Other unintentional injuries</option>
<option value="Intentional_injuries">  Intentional injuries</option>
<option value="Self-harm">   Self-harm</option>
<option value="Interpersonal_violence">   Interpersonal violence</option>
<option value="Collective_violence_and_legal_intervention">   Collective violence and legal intervention</option>
</select>
<select id='select_colorstyle' class='three columns'>
<option value='by_all_years' selected='selected'>Scale Color By All Years</option>
<option value='by_sel_year'>Scale Color By Selected Year</option>
</select>
<input type='range' min='2000' max='2016' value='2000' class='slider two columns' id='year_slct'>
</div>
<div id="choropleth" class='twelve columns'></div>
<div id="legend"></div>
<div id="chart_titles" class="hidden row"></div>
<div id="supplemental_graphs" class="hidden row">
<div id="sup_graph1" class="hidden six columns">
<div id="sg1_legend" class="hidden"></div>
</div>
<div id="data_table" class="hidden six columns">
<script id="template" type="x-tmpl-mustache">
<table>
<tr>
<th> Cause Name </th>
<td> Avg Deaths per 100k Pop</td>
</tr>
{{ #.}}
<tr>
<th> {{ key }}</th>
<td>{{ value }}</td>
</tr>
{{/.}}
</table>
</script>
</div>
</div>
<div id="initial">
<!-- <h5>Instructions</h5> -->
<ul>
<li>Change the mortality cause using the dropdown above the map.</li>
<li>Click a country to see death rates over time and top causes of death</li>
<li>Drag the Slider (or click it and use arrow keys) to change the year</li>
</ul>
</div>
<div class="footer">
<strong>Data Sources:</strong>Data from the <a href="http://www.who.int/healthinfo/statistics/mortality_rawdata/en/">World Health Organization</a> and normalized by <a href="https://data.worldbank.org/data-catalog/population-projection-tables">World Bank Population Data</a>. More details available in our <a href="https://github.com/MattTriano/csc595_final_project">project repo</a>
</div>
</div>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="//d3js.org/d3-geo-projection.v1.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.2.1/mustache.min.js"></script>
<script src="mort_map.js"></script>
</body>
</html>