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/stacked_bar/schema.json ADDED
@@ -0,0 +1,41 @@
1
+ {
2
+ "type": "stacked_bar",
3
+ "id": "stacked_bar",
4
+ "orientation": "horz",
5
+ "elements": "something",
6
+ "labels": {
7
+ "title": "Bar Plot",
8
+ "subtitle": "Segmented bar plot of the number of cars in each class by drive type",
9
+ "caption": "Source: mpg dataset from ggplot2 package",
10
+ "x": "Class",
11
+ "y": "Count",
12
+ "fill": "Drive"
13
+ },
14
+ "axes": {
15
+ "x": {
16
+ "label": "Class",
17
+ "level": ["2seater", "compact", "midsize", "minivan", "pickup", "subcompact", "suv"]
18
+ },
19
+ "y": {
20
+ "label": "Count"
21
+ },
22
+ "fill": {
23
+ "label": "Drive",
24
+ "level": ["4", "f", "r"]
25
+ }
26
+ },
27
+ "data": [
28
+ { "x": "2seater", "fill": "r", "y": 5 },
29
+ { "x": "compact", "fill": "4", "y": 12 },
30
+ { "x": "compact", "fill": "f", "y": 35 },
31
+ { "x": "midsize", "fill": "4", "y": 3 },
32
+ { "x": "midsize", "fill": "f", "y": 38 },
33
+ { "x": "minivan", "fill": "f", "y": 11 },
34
+ { "x": "pickup", "fill": "4", "y": 33 },
35
+ { "x": "subcompact", "fill": "4", "y": 4 },
36
+ { "x": "subcompact", "fill": "f", "y": 22 },
37
+ { "x": "subcompact", "fill": "r", "y": 9 },
38
+ { "x": "suv", "fill": "4", "y": 51 },
39
+ { "x": "suv", "fill": "r", "y": 11 }
40
+ ]
41
+ }
package/examples/stacked_bar/stacked_bar.svg ADDED
@@ -0,0 +1,180 @@
1
+ <svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='svglite'
2
+ width='720.00pt' height='576.00pt' viewBox='0 0 720.00 576.00'>
3
+ <defs>
4
+ <style type='text/css'><![CDATA[
5
+ .svglite line, .svglite polyline, .svglite polygon, .svglite path, .svglite rect, .svglite circle {
6
+ fill: none;
7
+ stroke: #000000;
8
+ stroke-linecap: round;
9
+ stroke-linejoin: round;
10
+ stroke-miterlimit: 10.00;
11
+ }
12
+ .svglite text {
13
+ white-space: pre;
14
+ }
15
+ ]]></style>
16
+ </defs>
17
+ <rect width='100%' height='100%' style='stroke: none; fill: #FFFFFF;' />
18
+ <defs>
19
+ <clipPath id='cpMC4wMHw3MjAuMDB8MC4wMHw1NzYuMDA='>
20
+ <rect x='0.00' y='0.00' width='720.00' height='576.00' />
21
+ </clipPath>
22
+ </defs>
23
+ <g clip-path='url(#cpMC4wMHw3MjAuMDB8MC4wMHw1NzYuMDA=)'>
24
+ <rect x='0.00' y='0.00' width='720.00' height='576.00'
25
+ style='stroke-width: 1.07; stroke: #FFFFFF; fill: #FFFFFF;' />
26
+ </g>
27
+ <defs>
28
+ <clipPath id='cpMzMuMTR8NjY0Ljk1fDM4Ljg1fDUzMC44Nw=='>
29
+ <rect x='33.14' y='38.85' width='631.81' height='492.02' />
30
+ </clipPath>
31
+ </defs>
32
+ <g clip-path='url(#cpMzMuMTR8NjY0Ljk1fDM4Ljg1fDUzMC44Nw==)'>
33
+ <rect x='33.14' y='38.85' width='631.81' height='492.02'
34
+ style='stroke-width: 1.07; stroke: none; fill: #EBEBEB;' />
35
+ <polyline points='33.14,436.37 664.95,436.37 '
36
+ style='stroke-width: 0.53; stroke: #FFFFFF; stroke-linecap: butt;' />
37
+ <polyline points='33.14,292.08 664.95,292.08 '
38
+ style='stroke-width: 0.53; stroke: #FFFFFF; stroke-linecap: butt;' />
39
+ <polyline points='33.14,147.79 664.95,147.79 '
40
+ style='stroke-width: 0.53; stroke: #FFFFFF; stroke-linecap: butt;' />
41
+ <polyline points='33.14,508.51 664.95,508.51 '
42
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
43
+ <polyline points='33.14,364.22 664.95,364.22 '
44
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
45
+ <polyline points='33.14,219.93 664.95,219.93 '
46
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
47
+ <polyline points='33.14,75.65 664.95,75.65 '
48
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
49
+ <polyline points='85.79,530.87 85.79,38.85 '
50
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
51
+ <polyline points='173.54,530.87 173.54,38.85 '
52
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
53
+ <polyline points='261.29,530.87 261.29,38.85 '
54
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
55
+ <polyline points='349.04,530.87 349.04,38.85 '
56
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
57
+ <polyline points='436.79,530.87 436.79,38.85 '
58
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
59
+ <polyline points='524.55,530.87 524.55,38.85 '
60
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
61
+ <polyline points='612.30,530.87 612.30,38.85 '
62
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
63
+ <rect x='46.30' y='472.44' width='78.98' height='36.07'
64
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #619CFF;' />
65
+ <rect x='134.05' y='169.43' width='78.98' height='86.57'
66
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #F8766D;' />
67
+ <rect x='134.05' y='256.01' width='78.98' height='252.50'
68
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #00BA38;' />
69
+ <rect x='221.80' y='212.72' width='78.98' height='21.64'
70
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #F8766D;' />
71
+ <rect x='221.80' y='234.36' width='78.98' height='274.15'
72
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #00BA38;' />
73
+ <rect x='309.55' y='429.15' width='78.98' height='79.36'
74
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #00BA38;' />
75
+ <rect x='397.31' y='270.43' width='78.98' height='238.08'
76
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #F8766D;' />
77
+ <rect x='485.06' y='256.01' width='78.98' height='28.86'
78
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #F8766D;' />
79
+ <rect x='485.06' y='284.86' width='78.98' height='158.72'
80
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #00BA38;' />
81
+ <rect x='485.06' y='443.58' width='78.98' height='64.93'
82
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #619CFF;' />
83
+ <rect x='572.81' y='61.22' width='78.98' height='367.93'
84
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #F8766D;' />
85
+ <rect x='572.81' y='429.15' width='78.98' height='79.36'
86
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #619CFF;' />
87
+ </g>
88
+ <g clip-path='url(#cpMC4wMHw3MjAuMDB8MC4wMHw1NzYuMDA=)'>
89
+ <text x='28.21' y='511.66' text-anchor='end'
90
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='4.90px'
91
+ lengthAdjust='spacingAndGlyphs'>0</text>
92
+ <text x='28.21' y='367.37' text-anchor='end'
93
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='9.79px'
94
+ lengthAdjust='spacingAndGlyphs'>20</text>
95
+ <text x='28.21' y='223.08' text-anchor='end'
96
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='9.79px'
97
+ lengthAdjust='spacingAndGlyphs'>40</text>
98
+ <text x='28.21' y='78.80' text-anchor='end'
99
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='9.79px'
100
+ lengthAdjust='spacingAndGlyphs'>60</text>
101
+ <polyline points='30.40,508.51 33.14,508.51 '
102
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
103
+ <polyline points='30.40,364.22 33.14,364.22 '
104
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
105
+ <polyline points='30.40,219.93 33.14,219.93 '
106
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
107
+ <polyline points='30.40,75.65 33.14,75.65 '
108
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
109
+ <polyline points='85.79,533.61 85.79,530.87 '
110
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
111
+ <polyline points='173.54,533.61 173.54,530.87 '
112
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
113
+ <polyline points='261.29,533.61 261.29,530.87 '
114
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
115
+ <polyline points='349.04,533.61 349.04,530.87 '
116
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
117
+ <polyline points='436.79,533.61 436.79,530.87 '
118
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
119
+ <polyline points='524.55,533.61 524.55,530.87 '
120
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
121
+ <polyline points='612.30,533.61 612.30,530.87 '
122
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
123
+ <text x='85.79' y='542.11' text-anchor='middle'
124
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='29.36px'
125
+ lengthAdjust='spacingAndGlyphs'>2seater</text>
126
+ <text x='173.54' y='542.11' text-anchor='middle'
127
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='33.26px'
128
+ lengthAdjust='spacingAndGlyphs'>compact</text>
129
+ <text x='261.29' y='542.11' text-anchor='middle'
130
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='29.82px'
131
+ lengthAdjust='spacingAndGlyphs'>midsize</text>
132
+ <text x='349.04' y='542.11' text-anchor='middle'
133
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='30.32px'
134
+ lengthAdjust='spacingAndGlyphs'>minivan</text>
135
+ <text x='436.79' y='542.11' text-anchor='middle'
136
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='25.44px'
137
+ lengthAdjust='spacingAndGlyphs'>pickup</text>
138
+ <text x='524.55' y='542.11' text-anchor='middle'
139
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='47.46px'
140
+ lengthAdjust='spacingAndGlyphs'>subcompact</text>
141
+ <text x='612.30' y='542.11' text-anchor='middle'
142
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='13.69px'
143
+ lengthAdjust='spacingAndGlyphs'>suv</text>
144
+ <text x='349.04' y='554.57' text-anchor='middle'
145
+ style='font-size: 11.00px; font-family: "Arial";' textLength='27.50px'
146
+ lengthAdjust='spacingAndGlyphs'>Class</text>
147
+ <text transform='translate(13.36,284.86) rotate(-90)' text-anchor='middle'
148
+ style='font-size: 11.00px; font-family: "Arial";' textLength='29.36px'
149
+ lengthAdjust='spacingAndGlyphs'>Count</text>
150
+ <rect x='675.91' y='245.63' width='38.61' height='78.47'
151
+ style='stroke-width: 1.07; stroke: none; fill: #FFFFFF;' />
152
+ <text x='681.39' y='260.14' style='font-size: 11.00px; font-family: "Arial";'
153
+ textLength='25.67px' lengthAdjust='spacingAndGlyphs'>Drive</text>
154
+ <rect x='681.39' y='266.78' width='17.28' height='17.28'
155
+ style='stroke-width: 1.07; stroke: none; fill: #F2F2F2;' />
156
+ <rect x='682.09' y='267.49' width='15.86' height='15.86'
157
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #F8766D;' />
158
+ <rect x='681.39' y='284.06' width='17.28' height='17.28'
159
+ style='stroke-width: 1.07; stroke: none; fill: #F2F2F2;' />
160
+ <rect x='682.09' y='284.77' width='15.86' height='15.86'
161
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #00BA38;' />
162
+ <rect x='681.39' y='301.34' width='17.28' height='17.28'
163
+ style='stroke-width: 1.07; stroke: none; fill: #F2F2F2;' />
164
+ <rect x='682.09' y='302.05' width='15.86' height='15.86'
165
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #619CFF;' />
166
+ <text x='704.15' y='278.57' style='font-size: 8.80px; font-family: "Arial";' textLength='4.90px'
167
+ lengthAdjust='spacingAndGlyphs'>4</text>
168
+ <text x='704.15' y='295.85' style='font-size: 8.80px; font-family: "Arial";' textLength='2.45px'
169
+ lengthAdjust='spacingAndGlyphs'>f</text>
170
+ <text x='704.15' y='313.13' style='font-size: 8.80px; font-family: "Arial";' textLength='2.93px'
171
+ lengthAdjust='spacingAndGlyphs'>r</text>
172
+ <text x='33.14' y='31.05' style='font-size: 11.00px; font-family: "Arial";'
173
+ textLength='335.22px' lengthAdjust='spacingAndGlyphs'>Segmented bar plot of the number of cars
174
+ in each class by drive type</text>
175
+ <text x='33.14' y='14.93' style='font-size: 13.20px; font-family: "Arial";' textLength='46.92px'
176
+ lengthAdjust='spacingAndGlyphs'>Bar Plot</text>
177
+ <text x='664.95' y='568.67' text-anchor='end' style='font-size: 8.80px; font-family: "Arial";'
178
+ textLength='168.34px' lengthAdjust='spacingAndGlyphs'>Source: mpg dataset from ggplot2 package</text>
179
+ </g>
180
+ </svg>
package/examples/stacked_normalized_bar/stacked_normalized_bar.svg ADDED
@@ -0,0 +1,189 @@
1
+ <svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='svglite'
2
+ width='720.00pt' height='576.00pt' viewBox='0 0 720.00 576.00'>
3
+ <defs>
4
+ <style type='text/css'><![CDATA[
5
+ .svglite line, .svglite polyline, .svglite polygon, .svglite path, .svglite rect, .svglite circle {
6
+ fill: none;
7
+ stroke: #000000;
8
+ stroke-linecap: round;
9
+ stroke-linejoin: round;
10
+ stroke-miterlimit: 10.00;
11
+ }
12
+ .svglite text {
13
+ white-space: pre;
14
+ }
15
+ ]]></style>
16
+ </defs>
17
+ <rect width='100%' height='100%' style='stroke: none; fill: #FFFFFF;' />
18
+ <defs>
19
+ <clipPath id='cpMC4wMHw3MjAuMDB8MC4wMHw1NzYuMDA='>
20
+ <rect x='0.00' y='0.00' width='720.00' height='576.00' />
21
+ </clipPath>
22
+ </defs>
23
+ <g clip-path='url(#cpMC4wMHw3MjAuMDB8MC4wMHw1NzYuMDA=)'>
24
+ <rect x='0.00' y='0.00' width='720.00' height='576.00'
25
+ style='stroke-width: 1.07; stroke: #FFFFFF; fill: #FFFFFF;' />
26
+ </g>
27
+ <defs>
28
+ <clipPath id='cpNDAuNDh8NjY0Ljk1fDM4Ljg1fDUzMC44Nw=='>
29
+ <rect x='40.48' y='38.85' width='624.47' height='492.02' />
30
+ </clipPath>
31
+ </defs>
32
+ <g clip-path='url(#cpNDAuNDh8NjY0Ljk1fDM4Ljg1fDUzMC44Nw==)'>
33
+ <rect x='40.48' y='38.85' width='624.47' height='492.02'
34
+ style='stroke-width: 1.07; stroke: none; fill: #EBEBEB;' />
35
+ <polyline points='40.48,452.60 664.95,452.60 '
36
+ style='stroke-width: 0.53; stroke: #FFFFFF; stroke-linecap: butt;' />
37
+ <polyline points='40.48,340.77 664.95,340.77 '
38
+ style='stroke-width: 0.53; stroke: #FFFFFF; stroke-linecap: butt;' />
39
+ <polyline points='40.48,228.95 664.95,228.95 '
40
+ style='stroke-width: 0.53; stroke: #FFFFFF; stroke-linecap: butt;' />
41
+ <polyline points='40.48,117.13 664.95,117.13 '
42
+ style='stroke-width: 0.53; stroke: #FFFFFF; stroke-linecap: butt;' />
43
+ <polyline points='40.48,508.51 664.95,508.51 '
44
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
45
+ <polyline points='40.48,396.69 664.95,396.69 '
46
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
47
+ <polyline points='40.48,284.86 664.95,284.86 '
48
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
49
+ <polyline points='40.48,173.04 664.95,173.04 '
50
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
51
+ <polyline points='40.48,61.22 664.95,61.22 '
52
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
53
+ <polyline points='92.52,530.87 92.52,38.85 '
54
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
55
+ <polyline points='179.25,530.87 179.25,38.85 '
56
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
57
+ <polyline points='265.98,530.87 265.98,38.85 '
58
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
59
+ <polyline points='352.71,530.87 352.71,38.85 '
60
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
61
+ <polyline points='439.45,530.87 439.45,38.85 '
62
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
63
+ <polyline points='526.18,530.87 526.18,38.85 '
64
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
65
+ <polyline points='612.91,530.87 612.91,38.85 '
66
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
67
+ <rect x='53.49' y='61.22' width='78.06' height='447.29'
68
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #619CFF;' />
69
+ <rect x='140.22' y='61.22' width='78.06' height='114.20'
70
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #F8766D;' />
71
+ <rect x='140.22' y='175.42' width='78.06' height='333.09'
72
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #00BA38;' />
73
+ <rect x='226.95' y='61.22' width='78.06' height='32.73'
74
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #F8766D;' />
75
+ <rect x='226.95' y='93.95' width='78.06' height='414.56'
76
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #00BA38;' />
77
+ <rect x='313.69' y='61.22' width='78.06' height='447.29'
78
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #00BA38;' />
79
+ <rect x='400.42' y='61.22' width='78.06' height='447.29'
80
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #F8766D;' />
81
+ <rect x='487.15' y='61.22' width='78.06' height='51.12'
82
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #F8766D;' />
83
+ <rect x='487.15' y='112.34' width='78.06' height='281.16'
84
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #00BA38;' />
85
+ <rect x='487.15' y='393.49' width='78.06' height='115.02'
86
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #619CFF;' />
87
+ <rect x='573.88' y='61.22' width='78.06' height='367.93'
88
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #F8766D;' />
89
+ <rect x='573.88' y='429.15' width='78.06' height='79.36'
90
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #619CFF;' />
91
+ </g>
92
+ <g clip-path='url(#cpMC4wMHw3MjAuMDB8MC4wMHw1NzYuMDA=)'>
93
+ <text x='35.55' y='511.66' text-anchor='end'
94
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='17.14px'
95
+ lengthAdjust='spacingAndGlyphs'>0.00</text>
96
+ <text x='35.55' y='399.84' text-anchor='end'
97
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='17.14px'
98
+ lengthAdjust='spacingAndGlyphs'>0.25</text>
99
+ <text x='35.55' y='288.01' text-anchor='end'
100
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='17.14px'
101
+ lengthAdjust='spacingAndGlyphs'>0.50</text>
102
+ <text x='35.55' y='176.19' text-anchor='end'
103
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='17.14px'
104
+ lengthAdjust='spacingAndGlyphs'>0.75</text>
105
+ <text x='35.55' y='64.37' text-anchor='end'
106
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='17.14px'
107
+ lengthAdjust='spacingAndGlyphs'>1.00</text>
108
+ <polyline points='37.74,508.51 40.48,508.51 '
109
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
110
+ <polyline points='37.74,396.69 40.48,396.69 '
111
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
112
+ <polyline points='37.74,284.86 40.48,284.86 '
113
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
114
+ <polyline points='37.74,173.04 40.48,173.04 '
115
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
116
+ <polyline points='37.74,61.22 40.48,61.22 '
117
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
118
+ <polyline points='92.52,533.61 92.52,530.87 '
119
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
120
+ <polyline points='179.25,533.61 179.25,530.87 '
121
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
122
+ <polyline points='265.98,533.61 265.98,530.87 '
123
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
124
+ <polyline points='352.71,533.61 352.71,530.87 '
125
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
126
+ <polyline points='439.45,533.61 439.45,530.87 '
127
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
128
+ <polyline points='526.18,533.61 526.18,530.87 '
129
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
130
+ <polyline points='612.91,533.61 612.91,530.87 '
131
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
132
+ <text x='92.52' y='542.11' text-anchor='middle'
133
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='29.36px'
134
+ lengthAdjust='spacingAndGlyphs'>2seater</text>
135
+ <text x='179.25' y='542.11' text-anchor='middle'
136
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='33.26px'
137
+ lengthAdjust='spacingAndGlyphs'>compact</text>
138
+ <text x='265.98' y='542.11' text-anchor='middle'
139
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='29.82px'
140
+ lengthAdjust='spacingAndGlyphs'>midsize</text>
141
+ <text x='352.71' y='542.11' text-anchor='middle'
142
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='30.32px'
143
+ lengthAdjust='spacingAndGlyphs'>minivan</text>
144
+ <text x='439.45' y='542.11' text-anchor='middle'
145
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='25.44px'
146
+ lengthAdjust='spacingAndGlyphs'>pickup</text>
147
+ <text x='526.18' y='542.11' text-anchor='middle'
148
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='47.46px'
149
+ lengthAdjust='spacingAndGlyphs'>subcompact</text>
150
+ <text x='612.91' y='542.11' text-anchor='middle'
151
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='13.69px'
152
+ lengthAdjust='spacingAndGlyphs'>suv</text>
153
+ <text x='352.71' y='554.57' text-anchor='middle'
154
+ style='font-size: 11.00px; font-family: "Arial";' textLength='27.50px'
155
+ lengthAdjust='spacingAndGlyphs'>Class</text>
156
+ <text transform='translate(13.36,284.86) rotate(-90)' text-anchor='middle'
157
+ style='font-size: 11.00px; font-family: "Arial";' textLength='29.36px'
158
+ lengthAdjust='spacingAndGlyphs'>Count</text>
159
+ <rect x='675.91' y='245.63' width='38.61' height='78.47'
160
+ style='stroke-width: 1.07; stroke: none; fill: #FFFFFF;' />
161
+ <text x='681.39' y='260.14' style='font-size: 11.00px; font-family: "Arial";'
162
+ textLength='25.67px' lengthAdjust='spacingAndGlyphs'>Drive</text>
163
+ <rect x='681.39' y='266.78' width='17.28' height='17.28'
164
+ style='stroke-width: 1.07; stroke: none; fill: #F2F2F2;' />
165
+ <rect x='682.09' y='267.49' width='15.86' height='15.86'
166
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #F8766D;' />
167
+ <rect x='681.39' y='284.06' width='17.28' height='17.28'
168
+ style='stroke-width: 1.07; stroke: none; fill: #F2F2F2;' />
169
+ <rect x='682.09' y='284.77' width='15.86' height='15.86'
170
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #00BA38;' />
171
+ <rect x='681.39' y='301.34' width='17.28' height='17.28'
172
+ style='stroke-width: 1.07; stroke: none; fill: #F2F2F2;' />
173
+ <rect x='682.09' y='302.05' width='15.86' height='15.86'
174
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #619CFF;' />
175
+ <text x='704.15' y='278.57' style='font-size: 8.80px; font-family: "Arial";' textLength='4.90px'
176
+ lengthAdjust='spacingAndGlyphs'>4</text>
177
+ <text x='704.15' y='295.85' style='font-size: 8.80px; font-family: "Arial";' textLength='2.45px'
178
+ lengthAdjust='spacingAndGlyphs'>f</text>
179
+ <text x='704.15' y='313.13' style='font-size: 8.80px; font-family: "Arial";' textLength='2.93px'
180
+ lengthAdjust='spacingAndGlyphs'>r</text>
181
+ <text x='40.48' y='31.05' style='font-size: 11.00px; font-family: "Arial";'
182
+ textLength='335.22px' lengthAdjust='spacingAndGlyphs'>Segmented bar plot of the number of cars
183
+ in each class by drive type</text>
184
+ <text x='40.48' y='14.93' style='font-size: 13.20px; font-family: "Arial";' textLength='46.92px'
185
+ lengthAdjust='spacingAndGlyphs'>Bar Plot</text>
186
+ <text x='664.95' y='568.67' text-anchor='end' style='font-size: 8.80px; font-family: "Arial";'
187
+ textLength='168.34px' lengthAdjust='spacingAndGlyphs'>Source: mpg dataset from ggplot2 package</text>
188
+ </g>
189
+ </svg>