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
@@ -0,0 +1,526 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <title>Task 1: Bar Chart</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="../dist/styles.min.css" type="text/css" />
9
+ </head>
10
+ <body>
11
+ <div class="container mt-3">
12
+ <div id="container">
13
+ <div>
14
+ <?xml version='1.0' encoding='UTF-8' ?>
15
+ <svg
16
+ xmlns="http://www.w3.org/2000/svg"
17
+ xmlns:xlink="http://www.w3.org/1999/xlink"
18
+ id="plot"
19
+ class="svglite"
20
+ width="576.00pt"
21
+ height="270.00pt"
22
+ viewBox="0 0 576.00 270.00"
23
+ tabindex="0"
24
+ >
25
+ <rect
26
+ width="100%"
27
+ height="100%"
28
+ style="stroke: none; fill: #ffffff"
29
+ />
30
+ <defs>
31
+ <clipPath id="cpMC4wMHw1NzYuMDB8MC4wMHwyNzAuMDA=">
32
+ <rect x="0.00" y="0.00" width="576.00" height="270.00" />
33
+ </clipPath>
34
+ </defs>
35
+ <g clip-path="url(#cpMC4wMHw1NzYuMDB8MC4wMHwyNzAuMDA=)">
36
+ <rect
37
+ x="0.00"
38
+ y="0.00"
39
+ width="576.00"
40
+ height="270.00"
41
+ style="stroke-width: 1.07; stroke: #ffffff; fill: #ffffff"
42
+ />
43
+ </g>
44
+ <defs>
45
+ <clipPath id="cpMzMuMTR8NTcwLjUyfDUuNDh8MjM4LjUw">
46
+ <rect x="33.14" y="5.48" width="537.38" height="233.02" />
47
+ </clipPath>
48
+ </defs>
49
+ <g clip-path="url(#cpMzMuMTR8NTcwLjUyfDUuNDh8MjM4LjUw)">
50
+ <rect
51
+ x="33.14"
52
+ y="5.48"
53
+ width="537.38"
54
+ height="233.02"
55
+ style="stroke-width: 1.07; stroke: none; fill: #ebebeb"
56
+ />
57
+ <polyline
58
+ points="33.14,193.74 570.52,193.74 "
59
+ style="
60
+ stroke-width: 0.53;
61
+ stroke: #ffffff;
62
+ stroke-linecap: butt;
63
+ "
64
+ />
65
+ <polyline
66
+ points="33.14,125.41 570.52,125.41 "
67
+ style="
68
+ stroke-width: 0.53;
69
+ stroke: #ffffff;
70
+ stroke-linecap: butt;
71
+ "
72
+ />
73
+ <polyline
74
+ points="33.14,57.07 570.52,57.07 "
75
+ style="
76
+ stroke-width: 0.53;
77
+ stroke: #ffffff;
78
+ stroke-linecap: butt;
79
+ "
80
+ />
81
+ <polyline
82
+ points="33.14,227.91 570.52,227.91 "
83
+ style="
84
+ stroke-width: 1.07;
85
+ stroke: #ffffff;
86
+ stroke-linecap: butt;
87
+ "
88
+ />
89
+ <polyline
90
+ points="33.14,159.58 570.52,159.58 "
91
+ style="
92
+ stroke-width: 1.07;
93
+ stroke: #ffffff;
94
+ stroke-linecap: butt;
95
+ "
96
+ />
97
+ <polyline
98
+ points="33.14,91.24 570.52,91.24 "
99
+ style="
100
+ stroke-width: 1.07;
101
+ stroke: #ffffff;
102
+ stroke-linecap: butt;
103
+ "
104
+ />
105
+ <polyline
106
+ points="33.14,22.91 570.52,22.91 "
107
+ style="
108
+ stroke-width: 1.07;
109
+ stroke: #ffffff;
110
+ stroke-linecap: butt;
111
+ "
112
+ />
113
+ <polyline
114
+ points="77.92,238.50 77.92,5.48 "
115
+ style="
116
+ stroke-width: 1.07;
117
+ stroke: #ffffff;
118
+ stroke-linecap: butt;
119
+ "
120
+ />
121
+ <polyline
122
+ points="152.56,238.50 152.56,5.48 "
123
+ style="
124
+ stroke-width: 1.07;
125
+ stroke: #ffffff;
126
+ stroke-linecap: butt;
127
+ "
128
+ />
129
+ <polyline
130
+ points="227.19,238.50 227.19,5.48 "
131
+ style="
132
+ stroke-width: 1.07;
133
+ stroke: #ffffff;
134
+ stroke-linecap: butt;
135
+ "
136
+ />
137
+ <polyline
138
+ points="301.83,238.50 301.83,5.48 "
139
+ style="
140
+ stroke-width: 1.07;
141
+ stroke: #ffffff;
142
+ stroke-linecap: butt;
143
+ "
144
+ />
145
+ <polyline
146
+ points="376.47,238.50 376.47,5.48 "
147
+ style="
148
+ stroke-width: 1.07;
149
+ stroke: #ffffff;
150
+ stroke-linecap: butt;
151
+ "
152
+ />
153
+ <polyline
154
+ points="451.10,238.50 451.10,5.48 "
155
+ style="
156
+ stroke-width: 1.07;
157
+ stroke: #ffffff;
158
+ stroke-linecap: butt;
159
+ "
160
+ />
161
+ <polyline
162
+ points="525.74,238.50 525.74,5.48 "
163
+ style="
164
+ stroke-width: 1.07;
165
+ stroke: #ffffff;
166
+ stroke-linecap: butt;
167
+ "
168
+ />
169
+ <rect
170
+ x="44.33"
171
+ y="210.83"
172
+ width="67.17"
173
+ height="17.08"
174
+ style="
175
+ stroke-width: 1.07;
176
+ stroke: none;
177
+ stroke-linecap: butt;
178
+ stroke-linejoin: miter;
179
+ fill: #595959;
180
+ "
181
+ />
182
+ <rect
183
+ x="118.97"
184
+ y="67.32"
185
+ width="67.17"
186
+ height="160.59"
187
+ style="
188
+ stroke-width: 1.07;
189
+ stroke: none;
190
+ stroke-linecap: butt;
191
+ stroke-linejoin: miter;
192
+ fill: #595959;
193
+ "
194
+ />
195
+ <rect
196
+ x="193.61"
197
+ y="87.82"
198
+ width="67.17"
199
+ height="140.09"
200
+ style="
201
+ stroke-width: 1.07;
202
+ stroke: none;
203
+ stroke-linecap: butt;
204
+ stroke-linejoin: miter;
205
+ fill: #595959;
206
+ "
207
+ />
208
+ <rect
209
+ x="268.24"
210
+ y="190.33"
211
+ width="67.17"
212
+ height="37.58"
213
+ style="
214
+ stroke-width: 1.07;
215
+ stroke: none;
216
+ stroke-linecap: butt;
217
+ stroke-linejoin: miter;
218
+ fill: #595959;
219
+ "
220
+ />
221
+ <rect
222
+ x="342.88"
223
+ y="115.16"
224
+ width="67.17"
225
+ height="112.75"
226
+ style="
227
+ stroke-width: 1.07;
228
+ stroke: none;
229
+ stroke-linecap: butt;
230
+ stroke-linejoin: miter;
231
+ fill: #595959;
232
+ "
233
+ />
234
+ <rect
235
+ x="417.52"
236
+ y="108.32"
237
+ width="67.17"
238
+ height="119.59"
239
+ style="
240
+ stroke-width: 1.07;
241
+ stroke: none;
242
+ stroke-linecap: butt;
243
+ stroke-linejoin: miter;
244
+ fill: #595959;
245
+ "
246
+ />
247
+ <rect
248
+ x="492.15"
249
+ y="16.07"
250
+ width="67.17"
251
+ height="211.84"
252
+ style="
253
+ stroke-width: 1.07;
254
+ stroke: none;
255
+ stroke-linecap: butt;
256
+ stroke-linejoin: miter;
257
+ fill: #595959;
258
+ "
259
+ />
260
+ </g>
261
+ <g clip-path="url(#cpMC4wMHw1NzYuMDB8MC4wMHwyNzAuMDA=)">
262
+ <text
263
+ x="28.21"
264
+ y="231.06"
265
+ text-anchor="end"
266
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
267
+ textLength="4.90px"
268
+ lengthAdjust="spacingAndGlyphs"
269
+ >
270
+ 0
271
+ </text>
272
+ <text
273
+ x="28.21"
274
+ y="162.73"
275
+ text-anchor="end"
276
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
277
+ textLength="9.79px"
278
+ lengthAdjust="spacingAndGlyphs"
279
+ >
280
+ 20
281
+ </text>
282
+ <text
283
+ x="28.21"
284
+ y="94.39"
285
+ text-anchor="end"
286
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
287
+ textLength="9.79px"
288
+ lengthAdjust="spacingAndGlyphs"
289
+ >
290
+ 40
291
+ </text>
292
+ <text
293
+ x="28.21"
294
+ y="26.06"
295
+ text-anchor="end"
296
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
297
+ textLength="9.79px"
298
+ lengthAdjust="spacingAndGlyphs"
299
+ >
300
+ 60
301
+ </text>
302
+ <polyline
303
+ points="30.40,227.91 33.14,227.91 "
304
+ style="
305
+ stroke-width: 1.07;
306
+ stroke: #333333;
307
+ stroke-linecap: butt;
308
+ "
309
+ />
310
+ <polyline
311
+ points="30.40,159.58 33.14,159.58 "
312
+ style="
313
+ stroke-width: 1.07;
314
+ stroke: #333333;
315
+ stroke-linecap: butt;
316
+ "
317
+ />
318
+ <polyline
319
+ points="30.40,91.24 33.14,91.24 "
320
+ style="
321
+ stroke-width: 1.07;
322
+ stroke: #333333;
323
+ stroke-linecap: butt;
324
+ "
325
+ />
326
+ <polyline
327
+ points="30.40,22.91 33.14,22.91 "
328
+ style="
329
+ stroke-width: 1.07;
330
+ stroke: #333333;
331
+ stroke-linecap: butt;
332
+ "
333
+ />
334
+ <polyline
335
+ points="77.92,241.24 77.92,238.50 "
336
+ style="
337
+ stroke-width: 1.07;
338
+ stroke: #333333;
339
+ stroke-linecap: butt;
340
+ "
341
+ />
342
+ <polyline
343
+ points="152.56,241.24 152.56,238.50 "
344
+ style="
345
+ stroke-width: 1.07;
346
+ stroke: #333333;
347
+ stroke-linecap: butt;
348
+ "
349
+ />
350
+ <polyline
351
+ points="227.19,241.24 227.19,238.50 "
352
+ style="
353
+ stroke-width: 1.07;
354
+ stroke: #333333;
355
+ stroke-linecap: butt;
356
+ "
357
+ />
358
+ <polyline
359
+ points="301.83,241.24 301.83,238.50 "
360
+ style="
361
+ stroke-width: 1.07;
362
+ stroke: #333333;
363
+ stroke-linecap: butt;
364
+ "
365
+ />
366
+ <polyline
367
+ points="376.47,241.24 376.47,238.50 "
368
+ style="
369
+ stroke-width: 1.07;
370
+ stroke: #333333;
371
+ stroke-linecap: butt;
372
+ "
373
+ />
374
+ <polyline
375
+ points="451.10,241.24 451.10,238.50 "
376
+ style="
377
+ stroke-width: 1.07;
378
+ stroke: #333333;
379
+ stroke-linecap: butt;
380
+ "
381
+ />
382
+ <polyline
383
+ points="525.74,241.24 525.74,238.50 "
384
+ style="
385
+ stroke-width: 1.07;
386
+ stroke: #333333;
387
+ stroke-linecap: butt;
388
+ "
389
+ />
390
+ <text
391
+ x="77.92"
392
+ y="249.74"
393
+ text-anchor="middle"
394
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
395
+ textLength="29.36px"
396
+ lengthAdjust="spacingAndGlyphs"
397
+ >
398
+ 2seater
399
+ </text>
400
+ <text
401
+ x="152.56"
402
+ y="249.74"
403
+ text-anchor="middle"
404
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
405
+ textLength="33.26px"
406
+ lengthAdjust="spacingAndGlyphs"
407
+ >
408
+ compact
409
+ </text>
410
+ <text
411
+ x="227.19"
412
+ y="249.74"
413
+ text-anchor="middle"
414
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
415
+ textLength="29.82px"
416
+ lengthAdjust="spacingAndGlyphs"
417
+ >
418
+ midsize
419
+ </text>
420
+ <text
421
+ x="301.83"
422
+ y="249.74"
423
+ text-anchor="middle"
424
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
425
+ textLength="30.32px"
426
+ lengthAdjust="spacingAndGlyphs"
427
+ >
428
+ minivan
429
+ </text>
430
+ <text
431
+ x="376.47"
432
+ y="249.74"
433
+ text-anchor="middle"
434
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
435
+ textLength="25.44px"
436
+ lengthAdjust="spacingAndGlyphs"
437
+ >
438
+ pickup
439
+ </text>
440
+ <text
441
+ x="451.10"
442
+ y="249.74"
443
+ text-anchor="middle"
444
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
445
+ textLength="47.46px"
446
+ lengthAdjust="spacingAndGlyphs"
447
+ >
448
+ subcompact
449
+ </text>
450
+ <text
451
+ x="525.74"
452
+ y="249.74"
453
+ text-anchor="middle"
454
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
455
+ textLength="13.69px"
456
+ lengthAdjust="spacingAndGlyphs"
457
+ >
458
+ suv
459
+ </text>
460
+ <text
461
+ x="301.83"
462
+ y="262.20"
463
+ text-anchor="middle"
464
+ style="font-size: 11px; font-family: 'Arial'"
465
+ textLength="25.06px"
466
+ lengthAdjust="spacingAndGlyphs"
467
+ >
468
+ class
469
+ </text>
470
+ <text
471
+ transform="translate(13.36,121.99) rotate(-90)"
472
+ text-anchor="middle"
473
+ style="font-size: 11px; font-family: 'Arial'"
474
+ textLength="26.92px"
475
+ lengthAdjust="spacingAndGlyphs"
476
+ >
477
+ count
478
+ </text>
479
+ </g>
480
+ </svg>
481
+ </div>
482
+ <br />
483
+ </div>
484
+ </div>
485
+ <script>
486
+ var maidr = {
487
+ type: 'bar',
488
+ id: 'plot',
489
+ title: {},
490
+ elements: document.querySelectorAll(
491
+ 'svg g:nth-last-of-type(2) > rect:not(:first-child)'
492
+ ),
493
+ axes: {
494
+ x: {
495
+ label: 'class',
496
+ format: [
497
+ '2seater',
498
+ 'compact',
499
+ 'midsize',
500
+ 'minivan',
501
+ 'pickup',
502
+ 'subcompact',
503
+ 'suv',
504
+ ],
505
+ },
506
+ y: {
507
+ label: 'count',
508
+ },
509
+ },
510
+ data: [5, 47, 41, 11, 33, 35, 62],
511
+ };
512
+ </script>
513
+ <script src="../src/js/constants.js"></script>
514
+ <script src="../src/js/audio.js"></script>
515
+ <script src="../src/js/display.js"></script>
516
+ <script src="../src/js/barplot.js"></script>
517
+ <script src="../src/js/boxplot.js"></script>
518
+ <script src="../src/js/heatmap.js"></script>
519
+ <script src="../src/js/scatterplot.js"></script>
520
+ <script src="../src/js/controls.js"></script>
521
+ <script src="../src/js/init.js"></script>
522
+ <!--
523
+ <script src="../dist/maidr.min.js"></script>
524
+ //-->
525
+ </body>
526
+ </html>