maidr 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (206) hide show
  1. package/.Rbuildignore +1 -0
  2. package/.eslintignore +3 -0
  3. package/.eslintrc.json +6 -0
  4. package/.github/workflows/build.yml +20 -0
  5. package/.prettierignore +3 -0
  6. package/.prettierrc.json +7 -0
  7. package/.vscode/extensions.json +25 -0
  8. package/.vscode/settings.json +30 -0
  9. package/.vscode/tasks.json +57 -0
  10. package/CHANGELOG.md +7 -0
  11. package/CITATION.cff +21 -0
  12. package/CONTRIBUTING.md +87 -0
  13. package/LICENSE.md +595 -0
  14. package/README.md +341 -0
  15. package/dist/maidr.js +8851 -0
  16. package/dist/maidr.min.js +1 -0
  17. package/dist/styles.css +244 -0
  18. package/dist/styles.min.css +1 -0
  19. package/docs/Audio.html +1398 -0
  20. package/docs/Constants.html +256 -0
  21. package/docs/Description.html +582 -0
  22. package/docs/Helper.html +364 -0
  23. package/docs/LogError.html +905 -0
  24. package/docs/Menu.html +665 -0
  25. package/docs/Position.html +174 -0
  26. package/docs/Resources.html +338 -0
  27. package/docs/Review.html +333 -0
  28. package/docs/Tracker.html +965 -0
  29. package/docs/audio.js.html +635 -0
  30. package/docs/constants.js.html +1242 -0
  31. package/docs/display.js.html +1184 -0
  32. package/docs/fonts/OpenSans-Bold-webfont.eot +0 -0
  33. package/docs/fonts/OpenSans-Bold-webfont.svg +1830 -0
  34. package/docs/fonts/OpenSans-Bold-webfont.woff +0 -0
  35. package/docs/fonts/OpenSans-BoldItalic-webfont.eot +0 -0
  36. package/docs/fonts/OpenSans-BoldItalic-webfont.svg +1830 -0
  37. package/docs/fonts/OpenSans-BoldItalic-webfont.woff +0 -0
  38. package/docs/fonts/OpenSans-Italic-webfont.eot +0 -0
  39. package/docs/fonts/OpenSans-Italic-webfont.svg +1830 -0
  40. package/docs/fonts/OpenSans-Italic-webfont.woff +0 -0
  41. package/docs/fonts/OpenSans-Light-webfont.eot +0 -0
  42. package/docs/fonts/OpenSans-Light-webfont.svg +1831 -0
  43. package/docs/fonts/OpenSans-Light-webfont.woff +0 -0
  44. package/docs/fonts/OpenSans-LightItalic-webfont.eot +0 -0
  45. package/docs/fonts/OpenSans-LightItalic-webfont.svg +1835 -0
  46. package/docs/fonts/OpenSans-LightItalic-webfont.woff +0 -0
  47. package/docs/fonts/OpenSans-Regular-webfont.eot +0 -0
  48. package/docs/fonts/OpenSans-Regular-webfont.svg +1831 -0
  49. package/docs/fonts/OpenSans-Regular-webfont.woff +0 -0
  50. package/docs/fonts/OpenSans-Semibold-webfont.eot +0 -0
  51. package/docs/fonts/OpenSans-Semibold-webfont.svg +1830 -0
  52. package/docs/fonts/OpenSans-Semibold-webfont.ttf +0 -0
  53. package/docs/fonts/OpenSans-Semibold-webfont.woff +0 -0
  54. package/docs/fonts/OpenSans-SemiboldItalic-webfont.eot +0 -0
  55. package/docs/fonts/OpenSans-SemiboldItalic-webfont.svg +1830 -0
  56. package/docs/fonts/OpenSans-SemiboldItalic-webfont.ttf +0 -0
  57. package/docs/fonts/OpenSans-SemiboldItalic-webfont.woff +0 -0
  58. package/docs/index.html +66 -0
  59. package/docs/scripts/linenumber.js +25 -0
  60. package/docs/scripts/prettify/Apache-License-2.0.txt +202 -0
  61. package/docs/scripts/prettify/lang-css.js +2 -0
  62. package/docs/scripts/prettify/prettify.js +28 -0
  63. package/docs/styles/jsdoc-default.css +692 -0
  64. package/docs/styles/prettify-jsdoc.css +111 -0
  65. package/docs/styles/prettify-tomorrow.css +132 -0
  66. package/examples/dev_charts/barplot.html +1056 -0
  67. package/examples/dev_charts/boxplot.html +1856 -0
  68. package/examples/dev_charts/boxplot_flipped.svg +727 -0
  69. package/examples/dev_charts/heatmap.html +1217 -0
  70. package/examples/dev_charts/scatterplot/displ.js +18 -0
  71. package/examples/dev_charts/scatterplot/histogram_for_residual.svg +595 -0
  72. package/examples/dev_charts/scatterplot/hwy.js +15 -0
  73. package/examples/dev_charts/scatterplot/layers/point_layer.json +938 -0
  74. package/examples/dev_charts/scatterplot/layers/smooth_layer.json +322 -0
  75. package/examples/dev_charts/scatterplot/point_layer.js +938 -0
  76. package/examples/dev_charts/scatterplot/prediction_array.js +31 -0
  77. package/examples/dev_charts/scatterplot/prediction_array.json +31 -0
  78. package/examples/dev_charts/scatterplot/residual_array.js +29 -0
  79. package/examples/dev_charts/scatterplot/residual_array.json +29 -0
  80. package/examples/dev_charts/scatterplot/scatterplot.svg +1428 -0
  81. package/examples/dev_charts/scatterplot/scatterplot_data.html +2838 -0
  82. package/examples/dev_charts/scatterplot/scatterplot_no_jitter_point_only.svg +1393 -0
  83. package/examples/dev_charts/scatterplot/scatterplot_no_jitter_with_bestfit.svg +1424 -0
  84. package/examples/dev_charts/scatterplot/scatterplot_no_jitter_with_loess_curve.svg +1402 -0
  85. package/examples/dev_charts/scatterplot/smooth_layer.js +322 -0
  86. package/examples/dev_charts/scatterplot.html +4560 -0
  87. package/examples/dodged_bar/dodged_bar.png +0 -0
  88. package/examples/dodged_bar/dodged_bar.svg +198 -0
  89. package/examples/dodged_bar/schema.json +41 -0
  90. package/examples/histogram/histogram_tutorial.svg +482 -0
  91. package/examples/histogram/histogram_tutorial_raw_data.json +362 -0
  92. package/examples/histogram/histogram_user_study.svg +578 -0
  93. package/examples/histogram/histogram_user_study_raw_data.json +362 -0
  94. package/examples/lineplot/lineplot_sample.svg +126 -0
  95. package/examples/lineplot/lineplot_sample_raw_data.json +1 -0
  96. package/examples/lineplot/point+lineplot_sample.svg +700 -0
  97. package/examples/other/audio_oscillator_boxplot.js +95 -0
  98. package/examples/other/barplot_labels.svg +314 -0
  99. package/examples/other/barplot_user_study.svg +313 -0
  100. package/examples/other/boxplot.html +927 -0
  101. package/examples/other/boxplot_data_frame.html +568 -0
  102. package/examples/other/boxplot_label.svg +751 -0
  103. package/examples/other/braille-display_boxplot.js +79 -0
  104. package/examples/other/control_boxplot.js +55 -0
  105. package/examples/other/draft.js +56 -0
  106. package/examples/other/getData.html +400 -0
  107. package/examples/other/getData.js +41 -0
  108. package/examples/other/ggplot_to_svg.R +371 -0
  109. package/examples/other/heatmap.svg +582 -0
  110. package/examples/other/heatmap_label.svg +608 -0
  111. package/examples/other/multiple_barplot.html +2250 -0
  112. package/examples/other/new_scatterplot_user_study_point_layer.json +122 -0
  113. package/examples/other/py_binder_output.html +1167 -0
  114. package/examples/other/scatterplot_label.svg +1429 -0
  115. package/examples/other/seaborn_plot.py +9 -0
  116. package/examples/other/svglite_bar.svg +136 -0
  117. package/examples/other/tutorial_boxplot.svg +727 -0
  118. package/examples/other/tutorial_boxplot_data.json +72 -0
  119. package/examples/other/user_study_boxplot.svg +676 -0
  120. package/examples/stacked_bar/schema.json +41 -0
  121. package/examples/stacked_bar/stack_bar.png +0 -0
  122. package/examples/stacked_bar/stacked_bar.svg +180 -0
  123. package/examples/stacked_normalized_bar/stacked_normalized_bar.png +0 -0
  124. package/examples/stacked_normalized_bar/stacked_normalized_bar.svg +189 -0
  125. package/examples/static/barplot.svg +263 -0
  126. package/examples/static/barplot_diamonds_gridSVG.svg +254 -0
  127. package/examples/static/boxplot.svg +424 -0
  128. package/examples/static/heatmap.svg +373 -0
  129. package/examples/static/heatmap_penguins_table.html +486 -0
  130. package/examples/static/scatterplot.svg +530 -0
  131. package/examples/svglite/task_heatmap.html +802 -0
  132. package/examples/svglite/task_heatmap.svg +111 -0
  133. package/examples/svglite/tutorial_bar.svg +136 -0
  134. package/examples/svglite/tutorial_bar_plot.html +504 -0
  135. package/examples/svglite/tutorial_boxplot.html +1850 -0
  136. package/examples/svglite/tutorial_boxplot.svg +727 -0
  137. package/examples/svglite/tutorial_scatterplot.html +3135 -0
  138. package/examples/svglite/tutorial_scatterplot.svg +311 -0
  139. package/gulpfile.js +49 -0
  140. package/index.html +40 -0
  141. package/jsconfig.json +10 -0
  142. package/jsdoc.json +19 -0
  143. package/package.json +47 -0
  144. package/src/css/styles.css +241 -0
  145. package/src/js/__tests__/audio.test.js +49 -0
  146. package/src/js/__tests__/constants.test.js +622 -0
  147. package/src/js/audio.js +575 -0
  148. package/src/js/barplot.js +254 -0
  149. package/src/js/boxplot.js +682 -0
  150. package/src/js/constants.js +1182 -0
  151. package/src/js/controls.js +3182 -0
  152. package/src/js/display.js +1124 -0
  153. package/src/js/heatmap.js +411 -0
  154. package/src/js/histogram.js +134 -0
  155. package/src/js/init.js +427 -0
  156. package/src/js/lineplot.js +219 -0
  157. package/src/js/scatterplot.js +619 -0
  158. package/src/js/segmented.js +268 -0
  159. package/user_study_pilot/binder_test.html +526 -0
  160. package/user_study_pilot/data/barplot_user_study.svg +492 -0
  161. package/user_study_pilot/data/barplot_user_study_raw_data.json +22 -0
  162. package/user_study_pilot/data/boxplot_tutorial.json +72 -0
  163. package/user_study_pilot/data/boxplot_tutorial_horizontal.svg +727 -0
  164. package/user_study_pilot/data/boxplot_user_study.json +52 -0
  165. package/user_study_pilot/data/boxplot_user_study_vertical.svg +675 -0
  166. package/user_study_pilot/data/boxplot_user_study_vertical_horizontal.svg +676 -0
  167. package/user_study_pilot/data/heatmap_user_study.svg +719 -0
  168. package/user_study_pilot/data/heatmap_user_study_raw_data.json +127 -0
  169. package/user_study_pilot/data/new_barplot_user_study.svg +269 -0
  170. package/user_study_pilot/data/new_heatmap_user_study.svg +367 -0
  171. package/user_study_pilot/data/new_scatterplot_user_study.svg +603 -0
  172. package/user_study_pilot/data/new_scatterplot_user_study_point_layer.json +122 -0
  173. package/user_study_pilot/data/scatterplot_user_study (1).svg +321 -0
  174. package/user_study_pilot/data/scatterplot_user_study.svg +603 -0
  175. package/user_study_pilot/data/scatterplot_user_study_point_layer.json +122 -0
  176. package/user_study_pilot/data/scatterplot_user_study_smooth_layer.json +322 -0
  177. package/user_study_pilot/intro.html +215 -0
  178. package/user_study_pilot/jaws_settings/Chrome.JDF +10 -0
  179. package/user_study_pilot/jaws_settings/Firefox.JDF +10 -0
  180. package/user_study_pilot/jaws_settings/backup_utf8/Chrome.JDF +10 -0
  181. package/user_study_pilot/jaws_settings/backup_utf8/Firefox.JDF +10 -0
  182. package/user_study_pilot/jaws_settings/backup_utf8/msedge.JDF +10 -0
  183. package/user_study_pilot/jaws_settings/msedge.JDF +10 -0
  184. package/user_study_pilot/nvda_settings/chrome.dic +10 -0
  185. package/user_study_pilot/nvda_settings/default.dic +10 -0
  186. package/user_study_pilot/nvda_settings/firefox.dic +10 -0
  187. package/user_study_pilot/nvda_settings/msedge.dic +10 -0
  188. package/user_study_pilot/scatterplot.html +4560 -0
  189. package/user_study_pilot/seaborn_test.html +1059 -0
  190. package/user_study_pilot/svglite_test.html +534 -0
  191. package/user_study_pilot/task1_bar_plot.html +1111 -0
  192. package/user_study_pilot/task2_heatmap.html +1661 -0
  193. package/user_study_pilot/task3_boxplot_horizontal.html +1690 -0
  194. package/user_study_pilot/task3_boxplot_vertical.html +1689 -0
  195. package/user_study_pilot/task4_scatterplot.html +2091 -0
  196. package/user_study_pilot/tutorial1_bar_plot.html +1159 -0
  197. package/user_study_pilot/tutorial2_heatmap.html +1276 -0
  198. package/user_study_pilot/tutorial3_boxplot_horizontal.html +1861 -0
  199. package/user_study_pilot/tutorial3_boxplot_vertical.html +1807 -0
  200. package/user_study_pilot/tutorial4_scatterplot.html +5893 -0
  201. package/user_study_pilot/tutorial5_histogram.html +1553 -0
  202. package/user_study_pilot/tutorial6_lineplot.html +1011 -0
  203. package/user_study_pilot/tutorial7_stacked.html +763 -0
  204. package/user_study_pilot/tutorial8_stacked_normalized.html +796 -0
  205. package/user_study_pilot/tutorial9_dodged_bar.html +831 -0
  206. package/user_study_pilot/voiceover_settings/user_study_VoiceOver Archive.voprefs +573 -0
package/examples/svglite/task_heatmap.html ADDED
@@ -0,0 +1,802 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <title>Task: Heatmap</title>
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <meta charset="utf-8" />
7
+ <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous"> -->
8
+ <link rel="stylesheet" href="../src/css/styles.css" type="text/css" />
9
+ </head>
10
+
11
+ <body>
12
+ <div class="container mt-3">
13
+ <div id="container">
14
+ <div>
15
+ <?xml version="1.0" encoding="UTF-8"?>
16
+ <svg
17
+ xmlns="http://www.w3.org/2000/svg"
18
+ xmlns:xlink="http://www.w3.org/1999/xlink"
19
+ class="svglite"
20
+ width="720.00pt"
21
+ height="576.00pt"
22
+ viewBox="0 0 720.00 576.00"
23
+ id="heatmap"
24
+ tabindex="0"
25
+ >
26
+ <defs>
27
+ <style type="text/css">
28
+ <![CDATA[
29
+ .svglite line, .svglite polyline, .svglite polygon, .svglite path, .svglite rect, .svglite circle {
30
+ fill: none;
31
+ stroke: #000000;
32
+ stroke-linecap: round;
33
+ stroke-linejoin: round;
34
+ stroke-miterlimit: 10.00;
35
+ }
36
+ .svglite text {
37
+ white-space: pre;
38
+ }
39
+ ]]>
40
+ </style>
41
+ </defs>
42
+ <rect
43
+ width="100%"
44
+ height="100%"
45
+ style="stroke: none; fill: #ffffff"
46
+ />
47
+ <defs>
48
+ <clipPath id="cpMC4wMHw3MjAuMDB8MC4wMHw1NzYuMDA=">
49
+ <rect x="0.00" y="0.00" width="720.00" height="576.00" />
50
+ </clipPath>
51
+ </defs>
52
+ <g clip-path="url(#cpMC4wMHw3MjAuMDB8MC4wMHw1NzYuMDA=)"></g>
53
+ <defs>
54
+ <clipPath id="cpMjEuNzl8Njk4LjIxfDAuMDB8NTc2LjAw">
55
+ <rect x="21.79" y="0.00" width="676.42" height="576.00" />
56
+ </clipPath>
57
+ </defs>
58
+ <g clip-path="url(#cpMjEuNzl8Njk4LjIxfDAuMDB8NTc2LjAw)">
59
+ <rect
60
+ x="21.79"
61
+ y="0.00"
62
+ width="676.42"
63
+ height="576.00"
64
+ style="stroke-width: 1.07; stroke: #ffffff; fill: #ffffff"
65
+ />
66
+ </g>
67
+ <g clip-path="url(#cpMC4wMHw3MjAuMDB8MC4wMHw1NzYuMDA=)"></g>
68
+ <defs>
69
+ <clipPath id="cpODEuODF8NjAzLjEzfDIzLjE4fDU0NC41MA==">
70
+ <rect x="81.81" y="23.18" width="521.33" height="521.33" />
71
+ </clipPath>
72
+ </defs>
73
+ <g clip-path="url(#cpODEuODF8NjAzLjEzfDIzLjE4fDU0NC41MA==)">
74
+ <rect
75
+ x="81.81"
76
+ y="23.18"
77
+ width="521.33"
78
+ height="521.33"
79
+ style="stroke-width: 1.07; stroke: none; fill: #ebebeb"
80
+ />
81
+ <polyline
82
+ points="81.81,484.35 603.13,484.35 "
83
+ style="
84
+ stroke-width: 1.07;
85
+ stroke: #ffffff;
86
+ stroke-linecap: butt;
87
+ "
88
+ />
89
+ <polyline
90
+ points="81.81,384.10 603.13,384.10 "
91
+ style="
92
+ stroke-width: 1.07;
93
+ stroke: #ffffff;
94
+ stroke-linecap: butt;
95
+ "
96
+ />
97
+ <polyline
98
+ points="81.81,283.84 603.13,283.84 "
99
+ style="
100
+ stroke-width: 1.07;
101
+ stroke: #ffffff;
102
+ stroke-linecap: butt;
103
+ "
104
+ />
105
+ <polyline
106
+ points="81.81,183.59 603.13,183.59 "
107
+ style="
108
+ stroke-width: 1.07;
109
+ stroke: #ffffff;
110
+ stroke-linecap: butt;
111
+ "
112
+ />
113
+ <polyline
114
+ points="81.81,83.33 603.13,83.33 "
115
+ style="
116
+ stroke-width: 1.07;
117
+ stroke: #ffffff;
118
+ stroke-linecap: butt;
119
+ "
120
+ />
121
+ <polyline
122
+ points="141.96,544.50 141.96,23.18 "
123
+ style="
124
+ stroke-width: 1.07;
125
+ stroke: #ffffff;
126
+ stroke-linecap: butt;
127
+ "
128
+ />
129
+ <polyline
130
+ points="242.21,544.50 242.21,23.18 "
131
+ style="
132
+ stroke-width: 1.07;
133
+ stroke: #ffffff;
134
+ stroke-linecap: butt;
135
+ "
136
+ />
137
+ <polyline
138
+ points="342.47,544.50 342.47,23.18 "
139
+ style="
140
+ stroke-width: 1.07;
141
+ stroke: #ffffff;
142
+ stroke-linecap: butt;
143
+ "
144
+ />
145
+ <polyline
146
+ points="442.72,544.50 442.72,23.18 "
147
+ style="
148
+ stroke-width: 1.07;
149
+ stroke: #ffffff;
150
+ stroke-linecap: butt;
151
+ "
152
+ />
153
+ <polyline
154
+ points="542.98,544.50 542.98,23.18 "
155
+ style="
156
+ stroke-width: 1.07;
157
+ stroke: #ffffff;
158
+ stroke-linecap: butt;
159
+ "
160
+ />
161
+ <rect
162
+ x="91.83"
163
+ y="434.22"
164
+ width="100.26"
165
+ height="100.26"
166
+ style="
167
+ stroke-width: 0.21;
168
+ stroke-linecap: butt;
169
+ stroke-linejoin: miter;
170
+ fill: #56b1f7;
171
+ "
172
+ />
173
+ <rect
174
+ x="91.83"
175
+ y="333.97"
176
+ width="100.26"
177
+ height="100.26"
178
+ style="
179
+ stroke-width: 0.21;
180
+ stroke-linecap: butt;
181
+ stroke-linejoin: miter;
182
+ fill: #4894d0;
183
+ "
184
+ />
185
+ <rect
186
+ x="91.83"
187
+ y="233.71"
188
+ width="100.26"
189
+ height="100.26"
190
+ style="
191
+ stroke-width: 0.21;
192
+ stroke-linecap: butt;
193
+ stroke-linejoin: miter;
194
+ fill: #4895d1;
195
+ "
196
+ />
197
+ <rect
198
+ x="91.83"
199
+ y="133.46"
200
+ width="100.26"
201
+ height="100.26"
202
+ style="
203
+ stroke-width: 0.21;
204
+ stroke-linecap: butt;
205
+ stroke-linejoin: miter;
206
+ fill: #306490;
207
+ "
208
+ />
209
+ <rect
210
+ x="91.83"
211
+ y="33.20"
212
+ width="100.26"
213
+ height="100.26"
214
+ style="
215
+ stroke-width: 0.21;
216
+ stroke-linecap: butt;
217
+ stroke-linejoin: miter;
218
+ fill: #28557c;
219
+ "
220
+ />
221
+ <rect
222
+ x="192.09"
223
+ y="434.22"
224
+ width="100.26"
225
+ height="100.26"
226
+ style="
227
+ stroke-width: 0.21;
228
+ stroke-linecap: butt;
229
+ stroke-linejoin: miter;
230
+ fill: #56b1f7;
231
+ "
232
+ />
233
+ <rect
234
+ x="192.09"
235
+ y="333.97"
236
+ width="100.26"
237
+ height="100.26"
238
+ style="
239
+ stroke-width: 0.21;
240
+ stroke-linecap: butt;
241
+ stroke-linejoin: miter;
242
+ fill: #4793ce;
243
+ "
244
+ />
245
+ <rect
246
+ x="192.09"
247
+ y="233.71"
248
+ width="100.26"
249
+ height="100.26"
250
+ style="
251
+ stroke-width: 0.21;
252
+ stroke-linecap: butt;
253
+ stroke-linejoin: miter;
254
+ fill: #458fca;
255
+ "
256
+ />
257
+ <rect
258
+ x="192.09"
259
+ y="133.46"
260
+ width="100.26"
261
+ height="100.26"
262
+ style="
263
+ stroke-width: 0.21;
264
+ stroke-linecap: butt;
265
+ stroke-linejoin: miter;
266
+ fill: #306591;
267
+ "
268
+ />
269
+ <rect
270
+ x="192.09"
271
+ y="33.20"
272
+ width="100.26"
273
+ height="100.26"
274
+ style="
275
+ stroke-width: 0.21;
276
+ stroke-linecap: butt;
277
+ stroke-linejoin: miter;
278
+ fill: #275379;
279
+ "
280
+ />
281
+ <rect
282
+ x="292.34"
283
+ y="434.22"
284
+ width="100.26"
285
+ height="100.26"
286
+ style="
287
+ stroke-width: 0.21;
288
+ stroke-linecap: butt;
289
+ stroke-linejoin: miter;
290
+ fill: #56b0f6;
291
+ "
292
+ />
293
+ <rect
294
+ x="292.34"
295
+ y="333.97"
296
+ width="100.26"
297
+ height="100.26"
298
+ style="
299
+ stroke-width: 0.21;
300
+ stroke-linecap: butt;
301
+ stroke-linejoin: miter;
302
+ fill: #458ec8;
303
+ "
304
+ />
305
+ <rect
306
+ x="292.34"
307
+ y="233.71"
308
+ width="100.26"
309
+ height="100.26"
310
+ style="
311
+ stroke-width: 0.21;
312
+ stroke-linecap: butt;
313
+ stroke-linejoin: miter;
314
+ fill: #4289c2;
315
+ "
316
+ />
317
+ <rect
318
+ x="292.34"
319
+ y="133.46"
320
+ width="100.26"
321
+ height="100.26"
322
+ style="
323
+ stroke-width: 0.21;
324
+ stroke-linecap: butt;
325
+ stroke-linejoin: miter;
326
+ fill: #2b5b84;
327
+ "
328
+ />
329
+ <rect
330
+ x="292.34"
331
+ y="33.20"
332
+ width="100.26"
333
+ height="100.26"
334
+ style="
335
+ stroke-width: 0.21;
336
+ stroke-linecap: butt;
337
+ stroke-linejoin: miter;
338
+ fill: #204465;
339
+ "
340
+ />
341
+ <rect
342
+ x="392.60"
343
+ y="434.22"
344
+ width="100.26"
345
+ height="100.26"
346
+ style="
347
+ stroke-width: 0.21;
348
+ stroke-linecap: butt;
349
+ stroke-linejoin: miter;
350
+ fill: #55aff5;
351
+ "
352
+ />
353
+ <rect
354
+ x="392.60"
355
+ y="333.97"
356
+ width="100.26"
357
+ height="100.26"
358
+ style="
359
+ stroke-width: 0.21;
360
+ stroke-linecap: butt;
361
+ stroke-linejoin: miter;
362
+ fill: #448cc6;
363
+ "
364
+ />
365
+ <rect
366
+ x="392.60"
367
+ y="233.71"
368
+ width="100.26"
369
+ height="100.26"
370
+ style="
371
+ stroke-width: 0.21;
372
+ stroke-linecap: butt;
373
+ stroke-linejoin: miter;
374
+ fill: #4188bf;
375
+ "
376
+ />
377
+ <rect
378
+ x="392.60"
379
+ y="133.46"
380
+ width="100.26"
381
+ height="100.26"
382
+ style="
383
+ stroke-width: 0.21;
384
+ stroke-linecap: butt;
385
+ stroke-linejoin: miter;
386
+ fill: #254f74;
387
+ "
388
+ />
389
+ <rect
390
+ x="392.60"
391
+ y="33.20"
392
+ width="100.26"
393
+ height="100.26"
394
+ style="
395
+ stroke-width: 0.21;
396
+ stroke-linecap: butt;
397
+ stroke-linejoin: miter;
398
+ fill: #193754;
399
+ "
400
+ />
401
+ <rect
402
+ x="492.85"
403
+ y="434.22"
404
+ width="100.26"
405
+ height="100.26"
406
+ style="
407
+ stroke-width: 0.21;
408
+ stroke-linecap: butt;
409
+ stroke-linejoin: miter;
410
+ fill: #54adf1;
411
+ "
412
+ />
413
+ <rect
414
+ x="492.85"
415
+ y="333.97"
416
+ width="100.26"
417
+ height="100.26"
418
+ style="
419
+ stroke-width: 0.21;
420
+ stroke-linecap: butt;
421
+ stroke-linejoin: miter;
422
+ fill: #3f83ba;
423
+ "
424
+ />
425
+ <rect
426
+ x="492.85"
427
+ y="233.71"
428
+ width="100.26"
429
+ height="100.26"
430
+ style="
431
+ stroke-width: 0.21;
432
+ stroke-linecap: butt;
433
+ stroke-linejoin: miter;
434
+ fill: #3c7cb0;
435
+ "
436
+ />
437
+ <rect
438
+ x="492.85"
439
+ y="133.46"
440
+ width="100.26"
441
+ height="100.26"
442
+ style="
443
+ stroke-width: 0.21;
444
+ stroke-linecap: butt;
445
+ stroke-linejoin: miter;
446
+ fill: #1e405f;
447
+ "
448
+ />
449
+ <rect
450
+ x="492.85"
451
+ y="33.20"
452
+ width="100.26"
453
+ height="100.26"
454
+ style="
455
+ stroke-width: 0.21;
456
+ stroke-linecap: butt;
457
+ stroke-linejoin: miter;
458
+ fill: #132b43;
459
+ "
460
+ />
461
+ </g>
462
+ <g clip-path="url(#cpMC4wMHw3MjAuMDB8MC4wMHw1NzYuMDA=)">
463
+ <text
464
+ x="76.87"
465
+ y="487.50"
466
+ text-anchor="end"
467
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
468
+ textLength="22.49px"
469
+ lengthAdjust="spacingAndGlyphs"
470
+ >
471
+ Africa
472
+ </text>
473
+ <text
474
+ x="76.87"
475
+ y="387.25"
476
+ text-anchor="end"
477
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
478
+ textLength="36.67px"
479
+ lengthAdjust="spacingAndGlyphs"
480
+ >
481
+ Americas
482
+ </text>
483
+ <text
484
+ x="76.87"
485
+ y="286.99"
486
+ text-anchor="end"
487
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
488
+ textLength="17.11px"
489
+ lengthAdjust="spacingAndGlyphs"
490
+ >
491
+ Asia
492
+ </text>
493
+ <text
494
+ x="76.87"
495
+ y="186.74"
496
+ text-anchor="end"
497
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
498
+ textLength="28.38px"
499
+ lengthAdjust="spacingAndGlyphs"
500
+ >
501
+ Europe
502
+ </text>
503
+ <text
504
+ x="76.87"
505
+ y="86.48"
506
+ text-anchor="end"
507
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
508
+ textLength="32.78px"
509
+ lengthAdjust="spacingAndGlyphs"
510
+ >
511
+ Oceania
512
+ </text>
513
+ <polyline
514
+ points="79.07,484.35 81.81,484.35 "
515
+ style="
516
+ stroke-width: 1.07;
517
+ stroke: #333333;
518
+ stroke-linecap: butt;
519
+ "
520
+ />
521
+ <polyline
522
+ points="79.07,384.10 81.81,384.10 "
523
+ style="
524
+ stroke-width: 1.07;
525
+ stroke: #333333;
526
+ stroke-linecap: butt;
527
+ "
528
+ />
529
+ <polyline
530
+ points="79.07,283.84 81.81,283.84 "
531
+ style="
532
+ stroke-width: 1.07;
533
+ stroke: #333333;
534
+ stroke-linecap: butt;
535
+ "
536
+ />
537
+ <polyline
538
+ points="79.07,183.59 81.81,183.59 "
539
+ style="
540
+ stroke-width: 1.07;
541
+ stroke: #333333;
542
+ stroke-linecap: butt;
543
+ "
544
+ />
545
+ <polyline
546
+ points="79.07,83.33 81.81,83.33 "
547
+ style="
548
+ stroke-width: 1.07;
549
+ stroke: #333333;
550
+ stroke-linecap: butt;
551
+ "
552
+ />
553
+ <polyline
554
+ points="141.96,547.24 141.96,544.50 "
555
+ style="
556
+ stroke-width: 1.07;
557
+ stroke: #333333;
558
+ stroke-linecap: butt;
559
+ "
560
+ />
561
+ <polyline
562
+ points="242.21,547.24 242.21,544.50 "
563
+ style="
564
+ stroke-width: 1.07;
565
+ stroke: #333333;
566
+ stroke-linecap: butt;
567
+ "
568
+ />
569
+ <polyline
570
+ points="342.47,547.24 342.47,544.50 "
571
+ style="
572
+ stroke-width: 1.07;
573
+ stroke: #333333;
574
+ stroke-linecap: butt;
575
+ "
576
+ />
577
+ <polyline
578
+ points="442.72,547.24 442.72,544.50 "
579
+ style="
580
+ stroke-width: 1.07;
581
+ stroke: #333333;
582
+ stroke-linecap: butt;
583
+ "
584
+ />
585
+ <polyline
586
+ points="542.98,547.24 542.98,544.50 "
587
+ style="
588
+ stroke-width: 1.07;
589
+ stroke: #333333;
590
+ stroke-linecap: butt;
591
+ "
592
+ />
593
+ <text
594
+ x="141.96"
595
+ y="555.74"
596
+ text-anchor="middle"
597
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
598
+ textLength="19.58px"
599
+ lengthAdjust="spacingAndGlyphs"
600
+ >
601
+ 1987
602
+ </text>
603
+ <text
604
+ x="242.21"
605
+ y="555.74"
606
+ text-anchor="middle"
607
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
608
+ textLength="19.58px"
609
+ lengthAdjust="spacingAndGlyphs"
610
+ >
611
+ 1992
612
+ </text>
613
+ <text
614
+ x="342.47"
615
+ y="555.74"
616
+ text-anchor="middle"
617
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
618
+ textLength="19.58px"
619
+ lengthAdjust="spacingAndGlyphs"
620
+ >
621
+ 1997
622
+ </text>
623
+ <text
624
+ x="442.72"
625
+ y="555.74"
626
+ text-anchor="middle"
627
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
628
+ textLength="19.58px"
629
+ lengthAdjust="spacingAndGlyphs"
630
+ >
631
+ 2002
632
+ </text>
633
+ <text
634
+ x="542.98"
635
+ y="555.74"
636
+ text-anchor="middle"
637
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
638
+ textLength="19.58px"
639
+ lengthAdjust="spacingAndGlyphs"
640
+ >
641
+ 2007
642
+ </text>
643
+ <text
644
+ x="342.47"
645
+ y="568.20"
646
+ text-anchor="middle"
647
+ style="font-size: 11px; font-family: 'Arial'"
648
+ textLength="22.23px"
649
+ lengthAdjust="spacingAndGlyphs"
650
+ >
651
+ Year
652
+ </text>
653
+ <text
654
+ transform="translate(35.15,283.84) rotate(-90)"
655
+ text-anchor="middle"
656
+ style="font-size: 11px; font-family: 'Arial'"
657
+ textLength="47.10px"
658
+ lengthAdjust="spacingAndGlyphs"
659
+ >
660
+ Continent
661
+ </text>
662
+ <rect
663
+ x="614.09"
664
+ y="227.32"
665
+ width="78.64"
666
+ height="113.03"
667
+ style="stroke-width: 1.07; stroke: none; fill: #ffffff"
668
+ />
669
+ <image
670
+ width="17.28"
671
+ height="86.40"
672
+ x="619.57"
673
+ y="248.48"
674
+ preserveAspectRatio="none"
675
+ xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEsCAYAAAACUNnVAAAAlElEQVQ4ja2UwQ3AIAwD7azQMTpG95+pfaBCCwk4Ej+EiXNYARzndRtAGAgY66rsATCQMNZV2esqOrVUhMLPYGKVonoF0ukLwkinbyh8gATS1nckHYBEF1fQ7rty0bJPBSbFnr/MRgw1jWBEZYNIcNHaS9lpoIYTDn+XwZxqPOdSRd/Iikp8R7nm6sClTWOgfeBa7QPS/wVUryZ+6wAAAABJRU5ErkJggg=="
676
+ />
677
+ <text
678
+ x="642.33"
679
+ y="313.74"
680
+ style="font-size: 8.8px; font-family: 'Arial'"
681
+ textLength="24.48px"
682
+ lengthAdjust="spacingAndGlyphs"
683
+ >
684
+ 10000
685
+ </text>
686
+ <text
687
+ x="642.33"
688
+ y="282.46"
689
+ style="font-size: 8.8px; font-family: 'Arial'"
690
+ textLength="24.48px"
691
+ lengthAdjust="spacingAndGlyphs"
692
+ >
693
+ 20000
694
+ </text>
695
+ <text
696
+ x="619.57"
697
+ y="241.84"
698
+ style="font-size: 11px; font-family: 'Arial'"
699
+ textLength="67.68px"
700
+ lengthAdjust="spacingAndGlyphs"
701
+ >
702
+ Average GDP
703
+ </text>
704
+ <line
705
+ x1="619.57"
706
+ y1="310.59"
707
+ x2="623.03"
708
+ y2="310.59"
709
+ style="
710
+ stroke-width: 0.38;
711
+ stroke: #ffffff;
712
+ stroke-linecap: butt;
713
+ "
714
+ />
715
+ <line
716
+ x1="619.57"
717
+ y1="279.31"
718
+ x2="623.03"
719
+ y2="279.31"
720
+ style="
721
+ stroke-width: 0.38;
722
+ stroke: #ffffff;
723
+ stroke-linecap: butt;
724
+ "
725
+ />
726
+ <line
727
+ x1="633.39"
728
+ y1="310.59"
729
+ x2="636.85"
730
+ y2="310.59"
731
+ style="
732
+ stroke-width: 0.38;
733
+ stroke: #ffffff;
734
+ stroke-linecap: butt;
735
+ "
736
+ />
737
+ <line
738
+ x1="633.39"
739
+ y1="279.31"
740
+ x2="636.85"
741
+ y2="279.31"
742
+ style="
743
+ stroke-width: 0.38;
744
+ stroke: #ffffff;
745
+ stroke-linecap: butt;
746
+ "
747
+ />
748
+ <text
749
+ x="81.81"
750
+ y="14.93"
751
+ style="font-size: 13.2px; font-family: 'Arial'"
752
+ textLength="214.39px"
753
+ lengthAdjust="spacingAndGlyphs"
754
+ >
755
+ Average GDP per Continent by Year.
756
+ </text>
757
+ </g>
758
+ </svg>
759
+ </div>
760
+ <br />
761
+ </div>
762
+ </div>
763
+ <script>
764
+ var maidr = {
765
+ type: 'heat',
766
+ id: 'heatmap',
767
+ legend_x: 'Year',
768
+ legend_y: 'Continent',
769
+ title: 'Average GDP per Continent by Year.',
770
+ elements: document.querySelectorAll(
771
+ 'svg g:nth-last-of-type(2) > rect:not(:first-child)'
772
+ ),
773
+ axes: {
774
+ x: {
775
+ label: 'Year',
776
+ format: ['1987', '1992', '1997', '2002', '2007'],
777
+ },
778
+ y: {
779
+ label: 'Continent',
780
+ format: ['Oceania', 'Americas', 'Europe', 'Asia', 'Africa'],
781
+ },
782
+ },
783
+ data: [
784
+ [20448.04, 20894.05, 24024.18, 26938.78, 29810.19],
785
+ [17214.31, 17061.57, 19076.78, 21711.73, 25054.48],
786
+ [7608.23, 8639.69, 9834.09, 10174.09, 12473.03],
787
+ [7793.4, 8044.93, 8889.3, 9287.68, 11003.03],
788
+ [2282.67, 2281.81, 2378.76, 2599.39, 3089.03],
789
+ ],
790
+ };
791
+ </script>
792
+ <script src="../src/js/constants.js"></script>
793
+ <script src="../src/js/audio.js"></script>
794
+ <script src="../src/js/display.js"></script>
795
+ <script src="../src/js/barplot.js"></script>
796
+ <script src="../src/js/boxplot.js"></script>
797
+ <script src="../src/js/heatmap.js"></script>
798
+ <script src="../src/js/scatterplot.js"></script>
799
+ <script src="../src/js/controls.js"></script>
800
+ <script src="../src/js/init.js"></script>
801
+ </body>
802
+ </html>