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.svg ADDED
@@ -0,0 +1,111 @@
1
+ <svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='svglite' width='720.00pt' height='576.00pt' viewBox='0 0 720.00 576.00'>
2
+ <defs>
3
+ <style type='text/css'><![CDATA[
4
+ .svglite line, .svglite polyline, .svglite polygon, .svglite path, .svglite rect, .svglite circle {
5
+ fill: none;
6
+ stroke: #000000;
7
+ stroke-linecap: round;
8
+ stroke-linejoin: round;
9
+ stroke-miterlimit: 10.00;
10
+ }
11
+ .svglite text {
12
+ white-space: pre;
13
+ }
14
+ ]]></style>
15
+ </defs>
16
+ <rect width='100%' height='100%' style='stroke: none; fill: #FFFFFF;'/>
17
+ <defs>
18
+ <clipPath id='cpMC4wMHw3MjAuMDB8MC4wMHw1NzYuMDA='>
19
+ <rect x='0.00' y='0.00' width='720.00' height='576.00' />
20
+ </clipPath>
21
+ </defs>
22
+ <g clip-path='url(#cpMC4wMHw3MjAuMDB8MC4wMHw1NzYuMDA=)'>
23
+ </g>
24
+ <defs>
25
+ <clipPath id='cpMjEuNzl8Njk4LjIxfDAuMDB8NTc2LjAw'>
26
+ <rect x='21.79' y='0.00' width='676.42' height='576.00' />
27
+ </clipPath>
28
+ </defs>
29
+ <g clip-path='url(#cpMjEuNzl8Njk4LjIxfDAuMDB8NTc2LjAw)'>
30
+ <rect x='21.79' y='0.00' width='676.42' height='576.00' style='stroke-width: 1.07; stroke: #FFFFFF; fill: #FFFFFF;' />
31
+ </g>
32
+ <g clip-path='url(#cpMC4wMHw3MjAuMDB8MC4wMHw1NzYuMDA=)'>
33
+ </g>
34
+ <defs>
35
+ <clipPath id='cpODEuODF8NjAzLjEzfDIzLjE4fDU0NC41MA=='>
36
+ <rect x='81.81' y='23.18' width='521.33' height='521.33' />
37
+ </clipPath>
38
+ </defs>
39
+ <g clip-path='url(#cpODEuODF8NjAzLjEzfDIzLjE4fDU0NC41MA==)'>
40
+ <rect x='81.81' y='23.18' width='521.33' height='521.33' style='stroke-width: 1.07; stroke: none; fill: #EBEBEB;' />
41
+ <polyline points='81.81,484.35 603.13,484.35 ' style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
42
+ <polyline points='81.81,384.10 603.13,384.10 ' style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
43
+ <polyline points='81.81,283.84 603.13,283.84 ' style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
44
+ <polyline points='81.81,183.59 603.13,183.59 ' style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
45
+ <polyline points='81.81,83.33 603.13,83.33 ' style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
46
+ <polyline points='141.96,544.50 141.96,23.18 ' style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
47
+ <polyline points='242.21,544.50 242.21,23.18 ' style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
48
+ <polyline points='342.47,544.50 342.47,23.18 ' style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
49
+ <polyline points='442.72,544.50 442.72,23.18 ' style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
50
+ <polyline points='542.98,544.50 542.98,23.18 ' style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
51
+ <rect x='91.83' y='434.22' width='100.26' height='100.26' style='stroke-width: 0.21; stroke-linecap: butt; stroke-linejoin: miter; fill: #56B1F7;' />
52
+ <rect x='91.83' y='333.97' width='100.26' height='100.26' style='stroke-width: 0.21; stroke-linecap: butt; stroke-linejoin: miter; fill: #4894D0;' />
53
+ <rect x='91.83' y='233.71' width='100.26' height='100.26' style='stroke-width: 0.21; stroke-linecap: butt; stroke-linejoin: miter; fill: #4895D1;' />
54
+ <rect x='91.83' y='133.46' width='100.26' height='100.26' style='stroke-width: 0.21; stroke-linecap: butt; stroke-linejoin: miter; fill: #306490;' />
55
+ <rect x='91.83' y='33.20' width='100.26' height='100.26' style='stroke-width: 0.21; stroke-linecap: butt; stroke-linejoin: miter; fill: #28557C;' />
56
+ <rect x='192.09' y='434.22' width='100.26' height='100.26' style='stroke-width: 0.21; stroke-linecap: butt; stroke-linejoin: miter; fill: #56B1F7;' />
57
+ <rect x='192.09' y='333.97' width='100.26' height='100.26' style='stroke-width: 0.21; stroke-linecap: butt; stroke-linejoin: miter; fill: #4793CE;' />
58
+ <rect x='192.09' y='233.71' width='100.26' height='100.26' style='stroke-width: 0.21; stroke-linecap: butt; stroke-linejoin: miter; fill: #458FCA;' />
59
+ <rect x='192.09' y='133.46' width='100.26' height='100.26' style='stroke-width: 0.21; stroke-linecap: butt; stroke-linejoin: miter; fill: #306591;' />
60
+ <rect x='192.09' y='33.20' width='100.26' height='100.26' style='stroke-width: 0.21; stroke-linecap: butt; stroke-linejoin: miter; fill: #275379;' />
61
+ <rect x='292.34' y='434.22' width='100.26' height='100.26' style='stroke-width: 0.21; stroke-linecap: butt; stroke-linejoin: miter; fill: #56B0F6;' />
62
+ <rect x='292.34' y='333.97' width='100.26' height='100.26' style='stroke-width: 0.21; stroke-linecap: butt; stroke-linejoin: miter; fill: #458EC8;' />
63
+ <rect x='292.34' y='233.71' width='100.26' height='100.26' style='stroke-width: 0.21; stroke-linecap: butt; stroke-linejoin: miter; fill: #4289C2;' />
64
+ <rect x='292.34' y='133.46' width='100.26' height='100.26' style='stroke-width: 0.21; stroke-linecap: butt; stroke-linejoin: miter; fill: #2B5B84;' />
65
+ <rect x='292.34' y='33.20' width='100.26' height='100.26' style='stroke-width: 0.21; stroke-linecap: butt; stroke-linejoin: miter; fill: #204465;' />
66
+ <rect x='392.60' y='434.22' width='100.26' height='100.26' style='stroke-width: 0.21; stroke-linecap: butt; stroke-linejoin: miter; fill: #55AFF5;' />
67
+ <rect x='392.60' y='333.97' width='100.26' height='100.26' style='stroke-width: 0.21; stroke-linecap: butt; stroke-linejoin: miter; fill: #448CC6;' />
68
+ <rect x='392.60' y='233.71' width='100.26' height='100.26' style='stroke-width: 0.21; stroke-linecap: butt; stroke-linejoin: miter; fill: #4188BF;' />
69
+ <rect x='392.60' y='133.46' width='100.26' height='100.26' style='stroke-width: 0.21; stroke-linecap: butt; stroke-linejoin: miter; fill: #254F74;' />
70
+ <rect x='392.60' y='33.20' width='100.26' height='100.26' style='stroke-width: 0.21; stroke-linecap: butt; stroke-linejoin: miter; fill: #193754;' />
71
+ <rect x='492.85' y='434.22' width='100.26' height='100.26' style='stroke-width: 0.21; stroke-linecap: butt; stroke-linejoin: miter; fill: #54ADF1;' />
72
+ <rect x='492.85' y='333.97' width='100.26' height='100.26' style='stroke-width: 0.21; stroke-linecap: butt; stroke-linejoin: miter; fill: #3F83BA;' />
73
+ <rect x='492.85' y='233.71' width='100.26' height='100.26' style='stroke-width: 0.21; stroke-linecap: butt; stroke-linejoin: miter; fill: #3C7CB0;' />
74
+ <rect x='492.85' y='133.46' width='100.26' height='100.26' style='stroke-width: 0.21; stroke-linecap: butt; stroke-linejoin: miter; fill: #1E405F;' />
75
+ <rect x='492.85' y='33.20' width='100.26' height='100.26' style='stroke-width: 0.21; stroke-linecap: butt; stroke-linejoin: miter; fill: #132B43;' />
76
+ </g>
77
+ <g clip-path='url(#cpMC4wMHw3MjAuMDB8MC4wMHw1NzYuMDA=)'>
78
+ <text x='76.87' y='487.50' text-anchor='end' style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='22.49px' lengthAdjust='spacingAndGlyphs'>Africa</text>
79
+ <text x='76.87' y='387.25' text-anchor='end' style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='36.67px' lengthAdjust='spacingAndGlyphs'>Americas</text>
80
+ <text x='76.87' y='286.99' text-anchor='end' style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='17.11px' lengthAdjust='spacingAndGlyphs'>Asia</text>
81
+ <text x='76.87' y='186.74' text-anchor='end' style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='28.38px' lengthAdjust='spacingAndGlyphs'>Europe</text>
82
+ <text x='76.87' y='86.48' text-anchor='end' style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='32.78px' lengthAdjust='spacingAndGlyphs'>Oceania</text>
83
+ <polyline points='79.07,484.35 81.81,484.35 ' style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
84
+ <polyline points='79.07,384.10 81.81,384.10 ' style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
85
+ <polyline points='79.07,283.84 81.81,283.84 ' style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
86
+ <polyline points='79.07,183.59 81.81,183.59 ' style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
87
+ <polyline points='79.07,83.33 81.81,83.33 ' style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
88
+ <polyline points='141.96,547.24 141.96,544.50 ' style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
89
+ <polyline points='242.21,547.24 242.21,544.50 ' style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
90
+ <polyline points='342.47,547.24 342.47,544.50 ' style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
91
+ <polyline points='442.72,547.24 442.72,544.50 ' style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
92
+ <polyline points='542.98,547.24 542.98,544.50 ' style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
93
+ <text x='141.96' y='555.74' text-anchor='middle' style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='19.58px' lengthAdjust='spacingAndGlyphs'>1987</text>
94
+ <text x='242.21' y='555.74' text-anchor='middle' style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='19.58px' lengthAdjust='spacingAndGlyphs'>1992</text>
95
+ <text x='342.47' y='555.74' text-anchor='middle' style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='19.58px' lengthAdjust='spacingAndGlyphs'>1997</text>
96
+ <text x='442.72' y='555.74' text-anchor='middle' style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='19.58px' lengthAdjust='spacingAndGlyphs'>2002</text>
97
+ <text x='542.98' y='555.74' text-anchor='middle' style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='19.58px' lengthAdjust='spacingAndGlyphs'>2007</text>
98
+ <text x='342.47' y='568.20' text-anchor='middle' style='font-size: 11.00px; font-family: "Arial";' textLength='22.23px' lengthAdjust='spacingAndGlyphs'>Year</text>
99
+ <text transform='translate(35.15,283.84) rotate(-90)' text-anchor='middle' style='font-size: 11.00px; font-family: "Arial";' textLength='47.10px' lengthAdjust='spacingAndGlyphs'>Continent</text>
100
+ <rect x='614.09' y='227.32' width='78.64' height='113.03' style='stroke-width: 1.07; stroke: none; fill: #FFFFFF;' />
101
+ <image width='17.28' height='86.40' x='619.57' y='248.48' preserveAspectRatio='none' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEsCAYAAAACUNnVAAAAlElEQVQ4ja2UwQ3AIAwD7azQMTpG95+pfaBCCwk4Ej+EiXNYARzndRtAGAgY66rsATCQMNZV2esqOrVUhMLPYGKVonoF0ukLwkinbyh8gATS1nckHYBEF1fQ7rty0bJPBSbFnr/MRgw1jWBEZYNIcNHaS9lpoIYTDn+XwZxqPOdSRd/Iikp8R7nm6sClTWOgfeBa7QPS/wVUryZ+6wAAAABJRU5ErkJggg=='/>
102
+ <text x='642.33' y='313.74' style='font-size: 8.80px; font-family: "Arial";' textLength='24.48px' lengthAdjust='spacingAndGlyphs'>10000</text>
103
+ <text x='642.33' y='282.46' style='font-size: 8.80px; font-family: "Arial";' textLength='24.48px' lengthAdjust='spacingAndGlyphs'>20000</text>
104
+ <text x='619.57' y='241.84' style='font-size: 11.00px; font-family: "Arial";' textLength='67.68px' lengthAdjust='spacingAndGlyphs'>Average GDP</text>
105
+ <line x1='619.57' y1='310.59' x2='623.03' y2='310.59' style='stroke-width: 0.38; stroke: #FFFFFF; stroke-linecap: butt;' />
106
+ <line x1='619.57' y1='279.31' x2='623.03' y2='279.31' style='stroke-width: 0.38; stroke: #FFFFFF; stroke-linecap: butt;' />
107
+ <line x1='633.39' y1='310.59' x2='636.85' y2='310.59' style='stroke-width: 0.38; stroke: #FFFFFF; stroke-linecap: butt;' />
108
+ <line x1='633.39' y1='279.31' x2='636.85' y2='279.31' style='stroke-width: 0.38; stroke: #FFFFFF; stroke-linecap: butt;' />
109
+ <text x='81.81' y='14.93' style='font-size: 13.20px; font-family: "Arial";' textLength='214.39px' lengthAdjust='spacingAndGlyphs'>Average GDP per Continent by Year.</text>
110
+ </g>
111
+ </svg>
package/examples/svglite/tutorial_bar.svg ADDED
@@ -0,0 +1,136 @@
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='cpNDcuODN8NzE0LjUyfDIzLjE4fDU0NC41MA=='>
29
+ <rect x='47.83' y='23.18' width='666.69' height='521.33' />
30
+ </clipPath>
31
+ </defs>
32
+ <g clip-path='url(#cpNDcuODN8NzE0LjUyfDIzLjE4fDU0NC41MA==)'>
33
+ <rect x='47.83' y='23.18' width='666.69' height='521.33'
34
+ style='stroke-width: 1.07; stroke: none; fill: #EBEBEB;' />
35
+ <polyline points='47.83,465.83 714.52,465.83 '
36
+ style='stroke-width: 0.53; stroke: #FFFFFF; stroke-linecap: butt;' />
37
+ <polyline points='47.83,355.87 714.52,355.87 '
38
+ style='stroke-width: 0.53; stroke: #FFFFFF; stroke-linecap: butt;' />
39
+ <polyline points='47.83,245.92 714.52,245.92 '
40
+ style='stroke-width: 0.53; stroke: #FFFFFF; stroke-linecap: butt;' />
41
+ <polyline points='47.83,135.96 714.52,135.96 '
42
+ style='stroke-width: 0.53; stroke: #FFFFFF; stroke-linecap: butt;' />
43
+ <polyline points='47.83,26.00 714.52,26.00 '
44
+ style='stroke-width: 0.53; stroke: #FFFFFF; stroke-linecap: butt;' />
45
+ <polyline points='47.83,520.81 714.52,520.81 '
46
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
47
+ <polyline points='47.83,410.85 714.52,410.85 '
48
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
49
+ <polyline points='47.83,300.89 714.52,300.89 '
50
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
51
+ <polyline points='47.83,190.94 714.52,190.94 '
52
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
53
+ <polyline points='47.83,80.98 714.52,80.98 '
54
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
55
+ <polyline points='124.75,544.50 124.75,23.18 '
56
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
57
+ <polyline points='252.96,544.50 252.96,23.18 '
58
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
59
+ <polyline points='381.17,544.50 381.17,23.18 '
60
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
61
+ <polyline points='509.38,544.50 509.38,23.18 '
62
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
63
+ <polyline points='637.59,544.50 637.59,23.18 '
64
+ style='stroke-width: 1.07; stroke: #FFFFFF; stroke-linecap: butt;' />
65
+ <rect x='67.06' y='485.40' width='115.39' height='35.41'
66
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #595959;' />
67
+ <rect x='195.27' y='412.92' width='115.39' height='107.89'
68
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #595959;' />
69
+ <rect x='323.48' y='255.11' width='115.39' height='265.70'
70
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #595959;' />
71
+ <rect x='451.69' y='217.53' width='115.39' height='303.28'
72
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #595959;' />
73
+ <rect x='579.90' y='46.87' width='115.39' height='473.93'
74
+ style='stroke-width: 1.07; stroke: none; stroke-linecap: butt; stroke-linejoin: miter; fill: #595959;' />
75
+ </g>
76
+ <g clip-path='url(#cpMC4wMHw3MjAuMDB8MC4wMHw1NzYuMDA=)'>
77
+ <text x='42.89' y='523.96' text-anchor='end'
78
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='4.90px'
79
+ lengthAdjust='spacingAndGlyphs'>0</text>
80
+ <text x='42.89' y='414.00' text-anchor='end'
81
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='19.58px'
82
+ lengthAdjust='spacingAndGlyphs'>5000</text>
83
+ <text x='42.89' y='304.04' text-anchor='end'
84
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='24.48px'
85
+ lengthAdjust='spacingAndGlyphs'>10000</text>
86
+ <text x='42.89' y='194.09' text-anchor='end'
87
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='24.48px'
88
+ lengthAdjust='spacingAndGlyphs'>15000</text>
89
+ <text x='42.89' y='84.13' text-anchor='end'
90
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='24.48px'
91
+ lengthAdjust='spacingAndGlyphs'>20000</text>
92
+ <polyline points='45.09,520.81 47.83,520.81 '
93
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
94
+ <polyline points='45.09,410.85 47.83,410.85 '
95
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
96
+ <polyline points='45.09,300.89 47.83,300.89 '
97
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
98
+ <polyline points='45.09,190.94 47.83,190.94 '
99
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
100
+ <polyline points='45.09,80.98 47.83,80.98 '
101
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
102
+ <polyline points='124.75,547.24 124.75,544.50 '
103
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
104
+ <polyline points='252.96,547.24 252.96,544.50 '
105
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
106
+ <polyline points='381.17,547.24 381.17,544.50 '
107
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
108
+ <polyline points='509.38,547.24 509.38,544.50 '
109
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
110
+ <polyline points='637.59,547.24 637.59,544.50 '
111
+ style='stroke-width: 1.07; stroke: #333333; stroke-linecap: butt;' />
112
+ <text x='124.75' y='555.74' text-anchor='middle'
113
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='15.15px'
114
+ lengthAdjust='spacingAndGlyphs'>Fair</text>
115
+ <text x='252.96' y='555.74' text-anchor='middle'
116
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='21.54px'
117
+ lengthAdjust='spacingAndGlyphs'>Good</text>
118
+ <text x='381.17' y='555.74' text-anchor='middle'
119
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='41.59px'
120
+ lengthAdjust='spacingAndGlyphs'>Very Good</text>
121
+ <text x='509.38' y='555.74' text-anchor='middle'
122
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='35.20px'
123
+ lengthAdjust='spacingAndGlyphs'>Premium</text>
124
+ <text x='637.59' y='555.74' text-anchor='middle'
125
+ style='font-size: 8.80px;fill: #4D4D4D; font-family: "Arial";' textLength='19.09px'
126
+ lengthAdjust='spacingAndGlyphs'>Ideal</text>
127
+ <text x='381.17' y='568.20' text-anchor='middle'
128
+ style='font-size: 11.00px; font-family: "Arial";' textLength='17.12px'
129
+ lengthAdjust='spacingAndGlyphs'>Cut</text>
130
+ <text transform='translate(13.36,283.84) rotate(-90)' text-anchor='middle'
131
+ style='font-size: 11.00px; font-family: "Arial";' textLength='29.36px'
132
+ lengthAdjust='spacingAndGlyphs'>Count</text>
133
+ <text x='47.83' y='14.93' style='font-size: 13.20px; font-family: "Arial";'
134
+ textLength='196.48px' lengthAdjust='spacingAndGlyphs'>The Number of Diamonds by Cut.</text>
135
+ </g>
136
+ </svg>