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/tutorial_bar_plot.html ADDED
@@ -0,0 +1,504 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <title>Tutorial 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="../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
+ <svg
16
+ xmlns="http://www.w3.org/2000/svg"
17
+ xmlns:xlink="http://www.w3.org/1999/xlink"
18
+ class="svglite"
19
+ width="720.00pt"
20
+ height="576.00pt"
21
+ viewBox="0 0 720.00 576.00"
22
+ id="barplot1"
23
+ tabindex="0"
24
+ >
25
+ <defs>
26
+ <style type="text/css">
27
+ <![CDATA[
28
+ .svglite line, .svglite polyline, .svglite polygon, .svglite path, .svglite rect, .svglite circle {
29
+ fill: none;
30
+ stroke: #000000;
31
+ stroke-linecap: round;
32
+ stroke-linejoin: round;
33
+ stroke-miterlimit: 10.00;
34
+ }
35
+ .svglite text {
36
+ white-space: pre;
37
+ }
38
+ ]]>
39
+ </style>
40
+ </defs>
41
+ <rect
42
+ width="100%"
43
+ height="100%"
44
+ style="stroke: none; fill: #ffffff"
45
+ />
46
+ <defs>
47
+ <clipPath id="cpMC4wMHw3MjAuMDB8MC4wMHw1NzYuMDA=">
48
+ <rect x="0.00" y="0.00" width="720.00" height="576.00" />
49
+ </clipPath>
50
+ </defs>
51
+ <g clip-path="url(#cpMC4wMHw3MjAuMDB8MC4wMHw1NzYuMDA=)">
52
+ <rect
53
+ x="0.00"
54
+ y="0.00"
55
+ width="720.00"
56
+ height="576.00"
57
+ style="stroke-width: 1.07; stroke: #ffffff; fill: #ffffff"
58
+ />
59
+ </g>
60
+ <defs>
61
+ <clipPath id="cpNDcuODN8NzE0LjUyfDIzLjE4fDU0NC41MA==">
62
+ <rect x="47.83" y="23.18" width="666.69" height="521.33" />
63
+ </clipPath>
64
+ </defs>
65
+ <g clip-path="url(#cpNDcuODN8NzE0LjUyfDIzLjE4fDU0NC41MA==)">
66
+ <rect
67
+ x="47.83"
68
+ y="23.18"
69
+ width="666.69"
70
+ height="521.33"
71
+ style="stroke-width: 1.07; stroke: none; fill: #ebebeb"
72
+ />
73
+ <polyline
74
+ points="47.83,465.83 714.52,465.83 "
75
+ style="
76
+ stroke-width: 0.53;
77
+ stroke: #ffffff;
78
+ stroke-linecap: butt;
79
+ "
80
+ />
81
+ <polyline
82
+ points="47.83,355.87 714.52,355.87 "
83
+ style="
84
+ stroke-width: 0.53;
85
+ stroke: #ffffff;
86
+ stroke-linecap: butt;
87
+ "
88
+ />
89
+ <polyline
90
+ points="47.83,245.92 714.52,245.92 "
91
+ style="
92
+ stroke-width: 0.53;
93
+ stroke: #ffffff;
94
+ stroke-linecap: butt;
95
+ "
96
+ />
97
+ <polyline
98
+ points="47.83,135.96 714.52,135.96 "
99
+ style="
100
+ stroke-width: 0.53;
101
+ stroke: #ffffff;
102
+ stroke-linecap: butt;
103
+ "
104
+ />
105
+ <polyline
106
+ points="47.83,26.00 714.52,26.00 "
107
+ style="
108
+ stroke-width: 0.53;
109
+ stroke: #ffffff;
110
+ stroke-linecap: butt;
111
+ "
112
+ />
113
+ <polyline
114
+ points="47.83,520.81 714.52,520.81 "
115
+ style="
116
+ stroke-width: 1.07;
117
+ stroke: #ffffff;
118
+ stroke-linecap: butt;
119
+ "
120
+ />
121
+ <polyline
122
+ points="47.83,410.85 714.52,410.85 "
123
+ style="
124
+ stroke-width: 1.07;
125
+ stroke: #ffffff;
126
+ stroke-linecap: butt;
127
+ "
128
+ />
129
+ <polyline
130
+ points="47.83,300.89 714.52,300.89 "
131
+ style="
132
+ stroke-width: 1.07;
133
+ stroke: #ffffff;
134
+ stroke-linecap: butt;
135
+ "
136
+ />
137
+ <polyline
138
+ points="47.83,190.94 714.52,190.94 "
139
+ style="
140
+ stroke-width: 1.07;
141
+ stroke: #ffffff;
142
+ stroke-linecap: butt;
143
+ "
144
+ />
145
+ <polyline
146
+ points="47.83,80.98 714.52,80.98 "
147
+ style="
148
+ stroke-width: 1.07;
149
+ stroke: #ffffff;
150
+ stroke-linecap: butt;
151
+ "
152
+ />
153
+ <polyline
154
+ points="124.75,544.50 124.75,23.18 "
155
+ style="
156
+ stroke-width: 1.07;
157
+ stroke: #ffffff;
158
+ stroke-linecap: butt;
159
+ "
160
+ />
161
+ <polyline
162
+ points="252.96,544.50 252.96,23.18 "
163
+ style="
164
+ stroke-width: 1.07;
165
+ stroke: #ffffff;
166
+ stroke-linecap: butt;
167
+ "
168
+ />
169
+ <polyline
170
+ points="381.17,544.50 381.17,23.18 "
171
+ style="
172
+ stroke-width: 1.07;
173
+ stroke: #ffffff;
174
+ stroke-linecap: butt;
175
+ "
176
+ />
177
+ <polyline
178
+ points="509.38,544.50 509.38,23.18 "
179
+ style="
180
+ stroke-width: 1.07;
181
+ stroke: #ffffff;
182
+ stroke-linecap: butt;
183
+ "
184
+ />
185
+ <polyline
186
+ points="637.59,544.50 637.59,23.18 "
187
+ style="
188
+ stroke-width: 1.07;
189
+ stroke: #ffffff;
190
+ stroke-linecap: butt;
191
+ "
192
+ />
193
+ <rect
194
+ x="67.06"
195
+ y="485.40"
196
+ width="115.39"
197
+ height="35.41"
198
+ style="
199
+ stroke-width: 1.07;
200
+ stroke: none;
201
+ stroke-linecap: butt;
202
+ stroke-linejoin: miter;
203
+ fill: #595959;
204
+ "
205
+ />
206
+ <rect
207
+ x="195.27"
208
+ y="412.92"
209
+ width="115.39"
210
+ height="107.89"
211
+ style="
212
+ stroke-width: 1.07;
213
+ stroke: none;
214
+ stroke-linecap: butt;
215
+ stroke-linejoin: miter;
216
+ fill: #595959;
217
+ "
218
+ />
219
+ <rect
220
+ x="323.48"
221
+ y="255.11"
222
+ width="115.39"
223
+ height="265.70"
224
+ style="
225
+ stroke-width: 1.07;
226
+ stroke: none;
227
+ stroke-linecap: butt;
228
+ stroke-linejoin: miter;
229
+ fill: #595959;
230
+ "
231
+ />
232
+ <rect
233
+ x="451.69"
234
+ y="217.53"
235
+ width="115.39"
236
+ height="303.28"
237
+ style="
238
+ stroke-width: 1.07;
239
+ stroke: none;
240
+ stroke-linecap: butt;
241
+ stroke-linejoin: miter;
242
+ fill: #595959;
243
+ "
244
+ />
245
+ <rect
246
+ x="579.90"
247
+ y="46.87"
248
+ width="115.39"
249
+ height="473.93"
250
+ style="
251
+ stroke-width: 1.07;
252
+ stroke: none;
253
+ stroke-linecap: butt;
254
+ stroke-linejoin: miter;
255
+ fill: #595959;
256
+ "
257
+ />
258
+ </g>
259
+ <g clip-path="url(#cpMC4wMHw3MjAuMDB8MC4wMHw1NzYuMDA=)">
260
+ <text
261
+ x="42.89"
262
+ y="523.96"
263
+ text-anchor="end"
264
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
265
+ textLength="4.90px"
266
+ lengthAdjust="spacingAndGlyphs"
267
+ >
268
+ 0
269
+ </text>
270
+ <text
271
+ x="42.89"
272
+ y="414.00"
273
+ text-anchor="end"
274
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
275
+ textLength="19.58px"
276
+ lengthAdjust="spacingAndGlyphs"
277
+ >
278
+ 5000
279
+ </text>
280
+ <text
281
+ x="42.89"
282
+ y="304.04"
283
+ text-anchor="end"
284
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
285
+ textLength="24.48px"
286
+ lengthAdjust="spacingAndGlyphs"
287
+ >
288
+ 10000
289
+ </text>
290
+ <text
291
+ x="42.89"
292
+ y="194.09"
293
+ text-anchor="end"
294
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
295
+ textLength="24.48px"
296
+ lengthAdjust="spacingAndGlyphs"
297
+ >
298
+ 15000
299
+ </text>
300
+ <text
301
+ x="42.89"
302
+ y="84.13"
303
+ text-anchor="end"
304
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
305
+ textLength="24.48px"
306
+ lengthAdjust="spacingAndGlyphs"
307
+ >
308
+ 20000
309
+ </text>
310
+ <polyline
311
+ points="45.09,520.81 47.83,520.81 "
312
+ style="
313
+ stroke-width: 1.07;
314
+ stroke: #333333;
315
+ stroke-linecap: butt;
316
+ "
317
+ />
318
+ <polyline
319
+ points="45.09,410.85 47.83,410.85 "
320
+ style="
321
+ stroke-width: 1.07;
322
+ stroke: #333333;
323
+ stroke-linecap: butt;
324
+ "
325
+ />
326
+ <polyline
327
+ points="45.09,300.89 47.83,300.89 "
328
+ style="
329
+ stroke-width: 1.07;
330
+ stroke: #333333;
331
+ stroke-linecap: butt;
332
+ "
333
+ />
334
+ <polyline
335
+ points="45.09,190.94 47.83,190.94 "
336
+ style="
337
+ stroke-width: 1.07;
338
+ stroke: #333333;
339
+ stroke-linecap: butt;
340
+ "
341
+ />
342
+ <polyline
343
+ points="45.09,80.98 47.83,80.98 "
344
+ style="
345
+ stroke-width: 1.07;
346
+ stroke: #333333;
347
+ stroke-linecap: butt;
348
+ "
349
+ />
350
+ <polyline
351
+ points="124.75,547.24 124.75,544.50 "
352
+ style="
353
+ stroke-width: 1.07;
354
+ stroke: #333333;
355
+ stroke-linecap: butt;
356
+ "
357
+ />
358
+ <polyline
359
+ points="252.96,547.24 252.96,544.50 "
360
+ style="
361
+ stroke-width: 1.07;
362
+ stroke: #333333;
363
+ stroke-linecap: butt;
364
+ "
365
+ />
366
+ <polyline
367
+ points="381.17,547.24 381.17,544.50 "
368
+ style="
369
+ stroke-width: 1.07;
370
+ stroke: #333333;
371
+ stroke-linecap: butt;
372
+ "
373
+ />
374
+ <polyline
375
+ points="509.38,547.24 509.38,544.50 "
376
+ style="
377
+ stroke-width: 1.07;
378
+ stroke: #333333;
379
+ stroke-linecap: butt;
380
+ "
381
+ />
382
+ <polyline
383
+ points="637.59,547.24 637.59,544.50 "
384
+ style="
385
+ stroke-width: 1.07;
386
+ stroke: #333333;
387
+ stroke-linecap: butt;
388
+ "
389
+ />
390
+ <text
391
+ x="124.75"
392
+ y="555.74"
393
+ text-anchor="middle"
394
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
395
+ textLength="15.15px"
396
+ lengthAdjust="spacingAndGlyphs"
397
+ >
398
+ Fair
399
+ </text>
400
+ <text
401
+ x="252.96"
402
+ y="555.74"
403
+ text-anchor="middle"
404
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
405
+ textLength="21.54px"
406
+ lengthAdjust="spacingAndGlyphs"
407
+ >
408
+ Good
409
+ </text>
410
+ <text
411
+ x="381.17"
412
+ y="555.74"
413
+ text-anchor="middle"
414
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
415
+ textLength="41.59px"
416
+ lengthAdjust="spacingAndGlyphs"
417
+ >
418
+ Very Good
419
+ </text>
420
+ <text
421
+ x="509.38"
422
+ y="555.74"
423
+ text-anchor="middle"
424
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
425
+ textLength="35.20px"
426
+ lengthAdjust="spacingAndGlyphs"
427
+ >
428
+ Premium
429
+ </text>
430
+ <text
431
+ x="637.59"
432
+ y="555.74"
433
+ text-anchor="middle"
434
+ style="font-size: 8.8px; fill: #4d4d4d; font-family: 'Arial'"
435
+ textLength="19.09px"
436
+ lengthAdjust="spacingAndGlyphs"
437
+ >
438
+ Ideal
439
+ </text>
440
+ <text
441
+ x="381.17"
442
+ y="568.20"
443
+ text-anchor="middle"
444
+ style="font-size: 11px; font-family: 'Arial'"
445
+ textLength="17.12px"
446
+ lengthAdjust="spacingAndGlyphs"
447
+ >
448
+ Cut
449
+ </text>
450
+ <text
451
+ transform="translate(13.36,283.84) rotate(-90)"
452
+ text-anchor="middle"
453
+ style="font-size: 11px; font-family: 'Arial'"
454
+ textLength="29.36px"
455
+ lengthAdjust="spacingAndGlyphs"
456
+ >
457
+ Count
458
+ </text>
459
+ <text
460
+ x="47.83"
461
+ y="14.93"
462
+ style="font-size: 13.2px; font-family: 'Arial'"
463
+ textLength="196.48px"
464
+ lengthAdjust="spacingAndGlyphs"
465
+ >
466
+ The Number of Diamonds by Cut.
467
+ </text>
468
+ </g>
469
+ </svg>
470
+ </div>
471
+ <br />
472
+ </div>
473
+ </div>
474
+ <script>
475
+ var maidr = {
476
+ type: 'bar',
477
+ id: 'barplot1',
478
+ title: 'The Number of Diamonds by Cut.',
479
+ elements: document.querySelectorAll(
480
+ 'svg g:nth-last-of-type(2) > rect:not(:first-child)'
481
+ ),
482
+ axes: {
483
+ x: {
484
+ label: 'Cut',
485
+ format: ['Fair', 'Good', 'Very Good', 'Premium', 'Ideal'],
486
+ },
487
+ y: {
488
+ label: 'Count',
489
+ },
490
+ },
491
+ data: [1610, 4906, 12082, 13791, 21551],
492
+ };
493
+ </script>
494
+ <script src="../src/js/constants.js"></script>
495
+ <script src="../src/js/audio.js"></script>
496
+ <script src="../src/js/display.js"></script>
497
+ <script src="../src/js/barplot.js"></script>
498
+ <script src="../src/js/boxplot.js"></script>
499
+ <script src="../src/js/heatmap.js"></script>
500
+ <script src="../src/js/scatterplot.js"></script>
501
+ <script src="../src/js/controls.js"></script>
502
+ <script src="../src/js/init.js"></script>
503
+ </body>
504
+ </html>