@opendata-ai/openchart-engine 8.0.0-rc.9 → 8.1.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 (271) hide show
  1. package/dist/index.d.ts +175 -12
  2. package/dist/index.js +917 -168
  3. package/dist/index.js.map +1 -1
  4. package/package.json +3 -4
  5. package/src/__test-fixtures__/specs.ts +0 -182
  6. package/src/__tests__/__snapshots__/compile-snapshot.test.ts.snap +0 -2401
  7. package/src/__tests__/annotation-behavior.test.ts +0 -852
  8. package/src/__tests__/axes.test.ts +0 -1579
  9. package/src/__tests__/compile-animation.test.ts +0 -161
  10. package/src/__tests__/compile-chart.test.ts +0 -1303
  11. package/src/__tests__/compile-footnotes.test.ts +0 -277
  12. package/src/__tests__/compile-layer.test.ts +0 -969
  13. package/src/__tests__/compile-snapshot.test.ts +0 -156
  14. package/src/__tests__/compound-labels.test.ts +0 -147
  15. package/src/__tests__/dimensions.test.ts +0 -918
  16. package/src/__tests__/encoding-sugar.test.ts +0 -390
  17. package/src/__tests__/facet.test.ts +0 -215
  18. package/src/__tests__/helpers/invariants.ts +0 -299
  19. package/src/__tests__/known-bugs.test.ts +0 -566
  20. package/src/__tests__/layout-fuzz.test.ts +0 -358
  21. package/src/__tests__/layout-invariants.test.ts +0 -535
  22. package/src/__tests__/legend.test.ts +0 -721
  23. package/src/__tests__/mark-keys.test.ts +0 -294
  24. package/src/__tests__/ranking-recipes.test.ts +0 -260
  25. package/src/__tests__/rotation.test.ts +0 -83
  26. package/src/__tests__/scales.test.ts +0 -323
  27. package/src/__tests__/series-search.test.ts +0 -92
  28. package/src/__tests__/spec-sugar.test.ts +0 -801
  29. package/src/__tests__/you-draw-it.test.ts +0 -160
  30. package/src/annotations/__tests__/compute.test.ts +0 -1672
  31. package/src/annotations/__tests__/geometry.test.ts +0 -66
  32. package/src/annotations/__tests__/placement-fuzz.test.ts +0 -256
  33. package/src/annotations/__tests__/placement-invariants.test.ts +0 -345
  34. package/src/annotations/__tests__/placement.test.ts +0 -316
  35. package/src/annotations/__tests__/resolve-text.test.ts +0 -788
  36. package/src/annotations/__tests__/rich-text.test.ts +0 -91
  37. package/src/annotations/__tests__/thinning.test.ts +0 -285
  38. package/src/annotations/collisions.ts +0 -326
  39. package/src/annotations/compute.ts +0 -333
  40. package/src/annotations/constants.ts +0 -162
  41. package/src/annotations/geometry.ts +0 -376
  42. package/src/annotations/move.ts +0 -135
  43. package/src/annotations/placement.ts +0 -636
  44. package/src/annotations/position.ts +0 -131
  45. package/src/annotations/resolve-range.ts +0 -117
  46. package/src/annotations/resolve-refline.ts +0 -157
  47. package/src/annotations/resolve-text.ts +0 -545
  48. package/src/annotations/rich-text.ts +0 -65
  49. package/src/annotations/thinning.ts +0 -190
  50. package/src/barlist/__tests__/compile-barlist.test.ts +0 -200
  51. package/src/barlist/compile-barlist.ts +0 -391
  52. package/src/barlist/types.ts +0 -28
  53. package/src/charts/__tests__/post-process.test.ts +0 -237
  54. package/src/charts/__tests__/registry.test.ts +0 -116
  55. package/src/charts/__tests__/utils.test.ts +0 -195
  56. package/src/charts/_shared/__tests__/density-filter.test.ts +0 -32
  57. package/src/charts/_shared/density-filter.ts +0 -26
  58. package/src/charts/_shared/format-label-value.ts +0 -16
  59. package/src/charts/bar/__tests__/compute.test.ts +0 -934
  60. package/src/charts/bar/__tests__/gradient-orient.test.ts +0 -127
  61. package/src/charts/bar/__tests__/labels.test.ts +0 -292
  62. package/src/charts/bar/compute.ts +0 -539
  63. package/src/charts/bar/index.ts +0 -60
  64. package/src/charts/bar/labels.ts +0 -311
  65. package/src/charts/beeswarm/__tests__/compute.test.ts +0 -280
  66. package/src/charts/beeswarm/__tests__/dodge.test.ts +0 -148
  67. package/src/charts/beeswarm/compute.ts +0 -203
  68. package/src/charts/beeswarm/dodge.ts +0 -155
  69. package/src/charts/beeswarm/index.ts +0 -32
  70. package/src/charts/builtin.ts +0 -75
  71. package/src/charts/calendar/__tests__/compute.test.ts +0 -417
  72. package/src/charts/calendar/compute.ts +0 -319
  73. package/src/charts/calendar/index.ts +0 -32
  74. package/src/charts/column/__tests__/compute.test.ts +0 -540
  75. package/src/charts/column/__tests__/labels.test.ts +0 -179
  76. package/src/charts/column/compute.ts +0 -493
  77. package/src/charts/column/index.ts +0 -53
  78. package/src/charts/column/labels.ts +0 -229
  79. package/src/charts/dot/__tests__/compute.test.ts +0 -380
  80. package/src/charts/dot/__tests__/labels.test.ts +0 -98
  81. package/src/charts/dot/compute.ts +0 -285
  82. package/src/charts/dot/index.ts +0 -62
  83. package/src/charts/dot/labels.ts +0 -121
  84. package/src/charts/line/__tests__/compute.test.ts +0 -1194
  85. package/src/charts/line/__tests__/curves.test.ts +0 -51
  86. package/src/charts/line/__tests__/labels.test.ts +0 -94
  87. package/src/charts/line/__tests__/mark-options.test.ts +0 -175
  88. package/src/charts/line/area.ts +0 -484
  89. package/src/charts/line/compute.ts +0 -356
  90. package/src/charts/line/curves.ts +0 -85
  91. package/src/charts/line/index.ts +0 -176
  92. package/src/charts/line/labels.ts +0 -177
  93. package/src/charts/parliament/__tests__/compute.test.ts +0 -411
  94. package/src/charts/parliament/compute.ts +0 -313
  95. package/src/charts/parliament/index.ts +0 -32
  96. package/src/charts/pie/__tests__/compute.test.ts +0 -384
  97. package/src/charts/pie/__tests__/labels.test.ts +0 -132
  98. package/src/charts/pie/compute.ts +0 -324
  99. package/src/charts/pie/index.ts +0 -49
  100. package/src/charts/pie/labels.ts +0 -143
  101. package/src/charts/post-process.ts +0 -229
  102. package/src/charts/range/__tests__/compute.test.ts +0 -486
  103. package/src/charts/range/compute.ts +0 -273
  104. package/src/charts/range/index.ts +0 -82
  105. package/src/charts/range/labels.ts +0 -169
  106. package/src/charts/rect/__tests__/compute.test.ts +0 -120
  107. package/src/charts/rect/index.ts +0 -127
  108. package/src/charts/registry.ts +0 -72
  109. package/src/charts/rule/index.ts +0 -139
  110. package/src/charts/scatter/__tests__/compute.test.ts +0 -488
  111. package/src/charts/scatter/__tests__/trendline.test.ts +0 -191
  112. package/src/charts/scatter/compute.ts +0 -192
  113. package/src/charts/scatter/index.ts +0 -46
  114. package/src/charts/scatter/trendline.ts +0 -100
  115. package/src/charts/text/__tests__/compute.test.ts +0 -307
  116. package/src/charts/text/index.ts +0 -141
  117. package/src/charts/tick/__tests__/compute.test.ts +0 -75
  118. package/src/charts/tick/index.ts +0 -99
  119. package/src/charts/utils.ts +0 -170
  120. package/src/charts/waffle/__tests__/compute.test.ts +0 -305
  121. package/src/charts/waffle/compute.ts +0 -197
  122. package/src/charts/waffle/index.ts +0 -31
  123. package/src/compile/__tests__/color-scale-range.test.ts +0 -158
  124. package/src/compile/__tests__/color-scale-reverse.test.ts +0 -89
  125. package/src/compile/__tests__/data-clip.test.ts +0 -127
  126. package/src/compile/__tests__/fill-patterns.test.ts +0 -154
  127. package/src/compile/__tests__/size-scale.test.ts +0 -108
  128. package/src/compile/__tests__/watermark-obstacle.test.ts +0 -93
  129. package/src/compile/color-scale-range.ts +0 -101
  130. package/src/compile/data-clip.ts +0 -48
  131. package/src/compile/fill-patterns.ts +0 -74
  132. package/src/compile/layer.ts +0 -630
  133. package/src/compile/size-scale.ts +0 -141
  134. package/src/compile/spec-sugar.ts +0 -758
  135. package/src/compile/watermark-obstacle.ts +0 -54
  136. package/src/compile/you-draw-it.ts +0 -123
  137. package/src/compile.ts +0 -1503
  138. package/src/compiler/__tests__/a11y-warnings.test.ts +0 -148
  139. package/src/compiler/__tests__/animation.test.ts +0 -177
  140. package/src/compiler/__tests__/compile.test.ts +0 -87
  141. package/src/compiler/__tests__/fixtures/vl-parity/axis-null.json +0 -19
  142. package/src/compiler/__tests__/fixtures/vl-parity/color-value.json +0 -20
  143. package/src/compiler/__tests__/fixtures/vl-parity/count-aggregate.json +0 -22
  144. package/src/compiler/__tests__/fixtures/vl-parity/data-values.json +0 -19
  145. package/src/compiler/__tests__/fixtures/vl-parity/layer-axis-null.json +0 -14
  146. package/src/compiler/__tests__/fixtures/vl-parity/layer-count.json +0 -34
  147. package/src/compiler/__tests__/fixtures/vl-parity/layer-data-values.json +0 -22
  148. package/src/compiler/__tests__/fixtures/vl-parity/layer-legend-null.json +0 -41
  149. package/src/compiler/__tests__/fixtures/vl-parity/layer-scheme.json +0 -38
  150. package/src/compiler/__tests__/fixtures/vl-parity/layer-sort.json +0 -28
  151. package/src/compiler/__tests__/fixtures/vl-parity/layer-theta.json +0 -28
  152. package/src/compiler/__tests__/fixtures/vl-parity/layer-title.json +0 -30
  153. package/src/compiler/__tests__/fixtures/vl-parity/layer-value-def.json +0 -29
  154. package/src/compiler/__tests__/fixtures/vl-parity/legend-null.json +0 -32
  155. package/src/compiler/__tests__/fixtures/vl-parity/scheme.json +0 -25
  156. package/src/compiler/__tests__/fixtures/vl-parity/sort-by-value.json +0 -19
  157. package/src/compiler/__tests__/fixtures/vl-parity/theta-arc.json +0 -19
  158. package/src/compiler/__tests__/fixtures/vl-parity/title-subtitle.json +0 -21
  159. package/src/compiler/__tests__/fixtures/vl-parity/width-height.json +0 -23
  160. package/src/compiler/__tests__/keys.test.ts +0 -83
  161. package/src/compiler/__tests__/normalize-highlight.test.ts +0 -103
  162. package/src/compiler/__tests__/normalize.test.ts +0 -399
  163. package/src/compiler/__tests__/sparkline-defaults.test.ts +0 -153
  164. package/src/compiler/__tests__/validate-did-you-mean.test.ts +0 -170
  165. package/src/compiler/__tests__/validate-highlight.test.ts +0 -112
  166. package/src/compiler/__tests__/validate-near-miss.test.ts +0 -251
  167. package/src/compiler/__tests__/validate.test.ts +0 -629
  168. package/src/compiler/__tests__/vl-parity.test.ts +0 -68
  169. package/src/compiler/a11y-warnings.ts +0 -110
  170. package/src/compiler/animation.ts +0 -142
  171. package/src/compiler/index.ts +0 -47
  172. package/src/compiler/keys.ts +0 -55
  173. package/src/compiler/normalize.ts +0 -734
  174. package/src/compiler/sparkline-defaults.ts +0 -138
  175. package/src/compiler/types.ts +0 -241
  176. package/src/compiler/validate.ts +0 -2041
  177. package/src/endpoint-labels/__tests__/compute.test.ts +0 -587
  178. package/src/endpoint-labels/compute.ts +0 -621
  179. package/src/endpoint-labels/constants.ts +0 -54
  180. package/src/endpoint-labels/format.ts +0 -60
  181. package/src/endpoint-labels/predict.ts +0 -139
  182. package/src/format/__tests__/field-format.test.ts +0 -164
  183. package/src/format/field-format.ts +0 -27
  184. package/src/geo/__tests__/compile-map.test.ts +0 -1128
  185. package/src/geo/compile-map.ts +0 -1376
  186. package/src/geo/join.ts +0 -115
  187. package/src/geo/projections.ts +0 -65
  188. package/src/geo/types.ts +0 -26
  189. package/src/graphs/__tests__/community.test.ts +0 -228
  190. package/src/graphs/__tests__/compile-graph.test.ts +0 -396
  191. package/src/graphs/__tests__/encoding.test.ts +0 -415
  192. package/src/graphs/community.ts +0 -92
  193. package/src/graphs/compile-graph.ts +0 -329
  194. package/src/graphs/encoding.ts +0 -356
  195. package/src/graphs/types.ts +0 -106
  196. package/src/index.ts +0 -177
  197. package/src/layout/__tests__/metrics.test.ts +0 -97
  198. package/src/layout/__tests__/scales-highlight.test.ts +0 -192
  199. package/src/layout/axes/rotation.ts +0 -152
  200. package/src/layout/axes/thinning.ts +0 -98
  201. package/src/layout/axes/ticks.ts +0 -409
  202. package/src/layout/axes.ts +0 -757
  203. package/src/layout/dimensions.ts +0 -912
  204. package/src/layout/facet.ts +0 -91
  205. package/src/layout/gridlines.ts +0 -84
  206. package/src/layout/metrics.ts +0 -132
  207. package/src/layout/plan.ts +0 -631
  208. package/src/layout/scales.ts +0 -1053
  209. package/src/layout/shared.ts +0 -44
  210. package/src/legend/__tests__/continuous.test.ts +0 -318
  211. package/src/legend/__tests__/redundancy.test.ts +0 -108
  212. package/src/legend/__tests__/size.test.ts +0 -348
  213. package/src/legend/__tests__/suppression.test.ts +0 -382
  214. package/src/legend/compute.ts +0 -748
  215. package/src/legend/continuous.ts +0 -327
  216. package/src/legend/size.ts +0 -407
  217. package/src/legend/suppression.ts +0 -226
  218. package/src/legend/wrap.ts +0 -117
  219. package/src/sankey/__tests__/compile-sankey.test.ts +0 -458
  220. package/src/sankey/__tests__/layout.test.ts +0 -165
  221. package/src/sankey/__tests__/node-label-wrap.test.ts +0 -114
  222. package/src/sankey/__tests__/node-sort.test.ts +0 -45
  223. package/src/sankey/compile-sankey.ts +0 -706
  224. package/src/sankey/layout.ts +0 -184
  225. package/src/sankey/types.ts +0 -41
  226. package/src/tables/__tests__/bar-column.test.ts +0 -147
  227. package/src/tables/__tests__/category-colors.test.ts +0 -230
  228. package/src/tables/__tests__/compile-table.test.ts +0 -236
  229. package/src/tables/__tests__/format-cells.test.ts +0 -143
  230. package/src/tables/__tests__/heatmap.test.ts +0 -148
  231. package/src/tables/__tests__/pagination.test.ts +0 -78
  232. package/src/tables/__tests__/search.test.ts +0 -94
  233. package/src/tables/__tests__/sort.test.ts +0 -107
  234. package/src/tables/__tests__/sparkline.test.ts +0 -122
  235. package/src/tables/bar-column.ts +0 -94
  236. package/src/tables/category-colors.ts +0 -78
  237. package/src/tables/compile-table.ts +0 -427
  238. package/src/tables/format-cells.ts +0 -115
  239. package/src/tables/heatmap.ts +0 -141
  240. package/src/tables/pagination.ts +0 -46
  241. package/src/tables/search.ts +0 -66
  242. package/src/tables/sort.ts +0 -69
  243. package/src/tables/sparkline.ts +0 -113
  244. package/src/tables/utils.ts +0 -16
  245. package/src/tilemap/__tests__/compile-tilemap.test.ts +0 -576
  246. package/src/tilemap/compile-tilemap.ts +0 -755
  247. package/src/tilemap/layout.ts +0 -172
  248. package/src/tilemap/types.ts +0 -33
  249. package/src/tooltips/__tests__/compute.test.ts +0 -582
  250. package/src/tooltips/compute.ts +0 -700
  251. package/src/transforms/__tests__/aggregate.test.ts +0 -159
  252. package/src/transforms/__tests__/bin.test.ts +0 -88
  253. package/src/transforms/__tests__/calculate.test.ts +0 -146
  254. package/src/transforms/__tests__/conditional.test.ts +0 -127
  255. package/src/transforms/__tests__/filter-relative.test.ts +0 -202
  256. package/src/transforms/__tests__/filter.test.ts +0 -59
  257. package/src/transforms/__tests__/fold.test.ts +0 -79
  258. package/src/transforms/__tests__/index.test.ts +0 -93
  259. package/src/transforms/__tests__/predicates.test.ts +0 -193
  260. package/src/transforms/__tests__/timeunit.test.ts +0 -129
  261. package/src/transforms/__tests__/window.test.ts +0 -286
  262. package/src/transforms/aggregate.ts +0 -131
  263. package/src/transforms/bin.ts +0 -87
  264. package/src/transforms/calculate.ts +0 -60
  265. package/src/transforms/conditional.ts +0 -46
  266. package/src/transforms/filter.ts +0 -122
  267. package/src/transforms/fold.ts +0 -49
  268. package/src/transforms/index.ts +0 -60
  269. package/src/transforms/predicates.ts +0 -123
  270. package/src/transforms/timeunit.ts +0 -88
  271. package/src/transforms/window.ts +0 -185
@@ -1,2401 +0,0 @@
1
- // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
-
3
- exports[`compileChart snapshot (Step 7 oracle) > clipped-domain bar chart (data outside scale.domain filtered) 1`] = `
4
- {
5
- "a11y": {
6
- "altText": "Bar chart showing Clipped Values (5 data points)",
7
- "dataTableFallback": [
8
- [
9
- "value",
10
- "name",
11
- ],
12
- [
13
- 10,
14
- "A",
15
- ],
16
- [
17
- 25,
18
- "B",
19
- ],
20
- [
21
- 40,
22
- "C",
23
- ],
24
- [
25
- 75,
26
- "D",
27
- ],
28
- [
29
- 90,
30
- "E",
31
- ],
32
- ],
33
- "keyboardNavigable": true,
34
- "role": "img",
35
- },
36
- "animation": undefined,
37
- "annotations": [],
38
- "area": {
39
- "height": 296.1,
40
- "width": 540.058,
41
- "x": 36.942,
42
- "y": 60.9,
43
- },
44
- "axes": {
45
- "x": {
46
- "domainLine": undefined,
47
- "end": {
48
- "x": 577,
49
- "y": 357,
50
- },
51
- "extent": 26,
52
- "gridlines": [],
53
- "label": undefined,
54
- "labelFlush": undefined,
55
- "labelOverlap": undefined,
56
- "labelPadding": undefined,
57
- "labelStyle": {
58
- "fill": "#09090b",
59
- "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
60
- "fontSize": 13,
61
- "fontWeight": 550,
62
- "lineHeight": 1.3,
63
- },
64
- "offset": undefined,
65
- "orient": undefined,
66
- "start": {
67
- "x": 36.942,
68
- "y": 357,
69
- },
70
- "tickAngle": undefined,
71
- "tickLabelStyle": {
72
- "fill": "#71717a",
73
- "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
74
- "fontSize": 11,
75
- "fontVariant": "tabular-nums",
76
- "fontWeight": 450,
77
- "lineHeight": 1.2,
78
- },
79
- "tickMarks": undefined,
80
- "tickPosition": "gutter",
81
- "ticks": [
82
- {
83
- "label": "0",
84
- "position": 36.942,
85
- "value": 0,
86
- },
87
- {
88
- "label": "20",
89
- "position": 252.9652,
90
- "value": 20,
91
- },
92
- {
93
- "label": "40",
94
- "position": 468.9884,
95
- "value": 40,
96
- },
97
- ],
98
- "titlePadding": undefined,
99
- },
100
- "y": {
101
- "domainLine": undefined,
102
- "end": {
103
- "x": 36.942,
104
- "y": 357,
105
- },
106
- "gridlines": [
107
- {
108
- "major": true,
109
- "position": 297.33805970149257,
110
- },
111
- {
112
- "major": true,
113
- "position": 208.95000000000002,
114
- },
115
- {
116
- "major": true,
117
- "position": 120.56194029850745,
118
- },
119
- ],
120
- "label": undefined,
121
- "labelFlush": undefined,
122
- "labelOverlap": undefined,
123
- "labelPadding": undefined,
124
- "labelStyle": {
125
- "fill": "#09090b",
126
- "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
127
- "fontSize": 13,
128
- "fontWeight": 550,
129
- "lineHeight": 1.3,
130
- },
131
- "offset": undefined,
132
- "orient": undefined,
133
- "start": {
134
- "x": 36.942,
135
- "y": 60.9,
136
- },
137
- "tickAngle": undefined,
138
- "tickLabelStyle": {
139
- "fill": "#71717a",
140
- "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
141
- "fontSize": 11,
142
- "fontVariant": "tabular-nums",
143
- "fontWeight": 450,
144
- "lineHeight": 1.2,
145
- },
146
- "tickMarks": undefined,
147
- "tickPosition": "gutter",
148
- "ticks": [
149
- {
150
- "label": "A",
151
- "position": 297.33805970149257,
152
- "value": "A",
153
- },
154
- {
155
- "label": "B",
156
- "position": 208.95000000000002,
157
- "value": "B",
158
- },
159
- {
160
- "label": "C",
161
- "position": 120.56194029850745,
162
- "value": "C",
163
- },
164
- ],
165
- "titlePadding": undefined,
166
- },
167
- },
168
- "chrome": {
169
- "bottomAnchorY": 383,
170
- "bottomHeight": 0,
171
- "title": {
172
- "maxWidth": 561,
173
- "style": {
174
- "fill": "#09090b",
175
- "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
176
- "fontSize": 26,
177
- "fontWeight": 590,
178
- "lineHeight": 1.15,
179
- "textAnchor": "start",
180
- },
181
- "text": "Clipped Values",
182
- "x": 17,
183
- "y": 17,
184
- },
185
- "topHeight": 37.9,
186
- },
187
- "crosshair": false,
188
- "dimensions": {
189
- "height": 400,
190
- "width": 600,
191
- },
192
- "display": "full",
193
- "legend": {
194
- "bounds": {
195
- "height": 0,
196
- "width": 0,
197
- "x": 0,
198
- "y": 0,
199
- },
200
- "entries": [],
201
- "entryGap": 16,
202
- "labelStyle": {
203
- "fill": "#09090b",
204
- "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
205
- "fontSize": 11,
206
- "fontWeight": 450,
207
- "lineHeight": 1.3,
208
- },
209
- "position": "top",
210
- "swatchChipFill": "rgba(0,0,0,0.04)",
211
- "swatchGap": 6,
212
- "swatchSize": 12,
213
- "type": "categorical",
214
- },
215
- "legends": [
216
- {
217
- "bounds": {
218
- "height": 0,
219
- "width": 0,
220
- "x": 0,
221
- "y": 0,
222
- },
223
- "entries": [],
224
- "entryGap": 16,
225
- "labelStyle": {
226
- "fill": "#09090b",
227
- "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
228
- "fontSize": 11,
229
- "fontWeight": 450,
230
- "lineHeight": 1.3,
231
- },
232
- "position": "top",
233
- "swatchChipFill": "rgba(0,0,0,0.04)",
234
- "swatchGap": 6,
235
- "swatchSize": 12,
236
- "type": "categorical",
237
- },
238
- ],
239
- "marks": [
240
- {
241
- "aria": {
242
- "label": "A: 10",
243
- },
244
- "cornerRadius": 2,
245
- "data": {
246
- "name": "A",
247
- "value": 10,
248
- },
249
- "fill": "#06b6d4",
250
- "height": 57.45223880597016,
251
- "key": "|A",
252
- "label": {
253
- "connector": undefined,
254
- "style": {
255
- "dominantBaseline": "central",
256
- "fill": "#ffffff",
257
- "fontFamily": "system-ui, -apple-system, sans-serif",
258
- "fontSize": 11,
259
- "fontVariant": "tabular-nums",
260
- "fontWeight": 600,
261
- "lineHeight": 1.2,
262
- "textAnchor": "end",
263
- },
264
- "text": "10",
265
- "visible": true,
266
- "x": 138.9536,
267
- "y": 297.33805970149257,
268
- },
269
- "orient": "horizontal",
270
- "type": "rect",
271
- "width": 108.01159999999999,
272
- "x": 36.942,
273
- "y": 268.6119402985075,
274
- },
275
- {
276
- "aria": {
277
- "label": "B: 25",
278
- },
279
- "cornerRadius": 2,
280
- "data": {
281
- "name": "B",
282
- "value": 25,
283
- },
284
- "fill": "#06b6d4",
285
- "height": 57.45223880597016,
286
- "key": "|B",
287
- "label": {
288
- "connector": undefined,
289
- "style": {
290
- "dominantBaseline": "central",
291
- "fill": "#ffffff",
292
- "fontFamily": "system-ui, -apple-system, sans-serif",
293
- "fontSize": 11,
294
- "fontVariant": "tabular-nums",
295
- "fontWeight": 600,
296
- "lineHeight": 1.2,
297
- "textAnchor": "end",
298
- },
299
- "text": "25",
300
- "visible": true,
301
- "x": 300.971,
302
- "y": 208.95000000000002,
303
- },
304
- "orient": "horizontal",
305
- "type": "rect",
306
- "width": 270.029,
307
- "x": 36.942,
308
- "y": 180.22388059701493,
309
- },
310
- {
311
- "aria": {
312
- "label": "C: 40",
313
- },
314
- "cornerRadius": 2,
315
- "data": {
316
- "name": "C",
317
- "value": 40,
318
- },
319
- "fill": "#06b6d4",
320
- "height": 57.45223880597016,
321
- "key": "|C",
322
- "label": {
323
- "connector": undefined,
324
- "style": {
325
- "dominantBaseline": "central",
326
- "fill": "#ffffff",
327
- "fontFamily": "system-ui, -apple-system, sans-serif",
328
- "fontSize": 11,
329
- "fontVariant": "tabular-nums",
330
- "fontWeight": 600,
331
- "lineHeight": 1.2,
332
- "textAnchor": "end",
333
- },
334
- "text": "40",
335
- "visible": true,
336
- "x": 462.9884,
337
- "y": 120.56194029850745,
338
- },
339
- "orient": "horizontal",
340
- "type": "rect",
341
- "width": 432.0464,
342
- "x": 36.942,
343
- "y": 91.83582089552237,
344
- },
345
- ],
346
- "metrics": undefined,
347
- "theme": {
348
- "_tokenPairs": undefined,
349
- "borderRadius": 2,
350
- "chrome": {
351
- "byline": {
352
- "color": "#71717a",
353
- "fontSize": 11,
354
- "fontWeight": 400,
355
- "lineHeight": 1.4,
356
- },
357
- "eyebrow": {
358
- "color": "#06b6d4",
359
- "fontSize": 11,
360
- "fontWeight": 510,
361
- "lineHeight": 1.4,
362
- },
363
- "footer": {
364
- "color": "#71717a",
365
- "fontSize": 11,
366
- "fontWeight": 400,
367
- "lineHeight": 1.4,
368
- },
369
- "source": {
370
- "color": "#71717a",
371
- "fontSize": 11,
372
- "fontWeight": 400,
373
- "lineHeight": 1.4,
374
- },
375
- "subtitle": {
376
- "color": "#71717a",
377
- "fontSize": 14,
378
- "fontWeight": 400,
379
- "lineHeight": 1.45,
380
- },
381
- "title": {
382
- "color": "#09090b",
383
- "fontSize": 26,
384
- "fontWeight": 590,
385
- "lineHeight": 1.15,
386
- },
387
- },
388
- "colors": {
389
- "annotationFill": "rgba(0,0,0,0.04)",
390
- "annotationText": "#71717a",
391
- "axis": "#71717a",
392
- "background": "transparent",
393
- "categorical": [
394
- "#06b6d4",
395
- "#ee4a73",
396
- "#00b054",
397
- "#a46bf5",
398
- "#e07d00",
399
- "#0091ff",
400
- "#f36000",
401
- "#6f7dff",
402
- "#00afbf",
403
- ],
404
- "diverging": {
405
- "brownTeal": [
406
- "#8c510a",
407
- "#bf812d",
408
- "#dfc27d",
409
- "#f6e8c3",
410
- "#80cdc1",
411
- "#35978f",
412
- "#01665e",
413
- ],
414
- "redBlue": [
415
- "#b2182b",
416
- "#d6604d",
417
- "#f4a582",
418
- "#f7f7f7",
419
- "#92c5de",
420
- "#4393c3",
421
- "#2166ac",
422
- ],
423
- },
424
- "gridline": "rgba(0,0,0,0.1)",
425
- "negative": "#dc2626",
426
- "positive": "#16a34a",
427
- "sequential": {
428
- "blue": [
429
- "#deebf7",
430
- "#c6dbef",
431
- "#9ecae1",
432
- "#6baed6",
433
- "#3182bd",
434
- "#08519c",
435
- ],
436
- "green": [
437
- "#e5f5e0",
438
- "#c7e9c0",
439
- "#a1d99b",
440
- "#74c476",
441
- "#31a354",
442
- "#006d2c",
443
- ],
444
- "orange": [
445
- "#fee6ce",
446
- "#fdd0a2",
447
- "#fdae6b",
448
- "#fd8d3c",
449
- "#e6550d",
450
- "#a63603",
451
- ],
452
- "purple": [
453
- "#efedf5",
454
- "#dadaeb",
455
- "#bcbddc",
456
- "#9e9ac8",
457
- "#756bb1",
458
- "#54278f",
459
- ],
460
- "teal": [
461
- "#06b6d4",
462
- "#05a3be",
463
- "#0490a8",
464
- "#037d92",
465
- "#026a7c",
466
- "#015766",
467
- "#004450",
468
- ],
469
- },
470
- "text": "#09090b",
471
- },
472
- "fonts": {
473
- "family": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
474
- "mono": ""JetBrains Mono", "Fira Code", "Cascadia Code", monospace",
475
- "sizes": {
476
- "axisTick": 11,
477
- "body": 13,
478
- "metricLabel": 10,
479
- "metricValue": 22,
480
- "small": 11,
481
- "subtitle": 14,
482
- "title": 26,
483
- },
484
- "weights": {
485
- "bold": 700,
486
- "medium": 550,
487
- "normal": 450,
488
- "semibold": 590,
489
- },
490
- },
491
- "isDark": false,
492
- "seriesStrategy": "palette",
493
- "spacing": {
494
- "axisMargin": 6,
495
- "chartToFooter": 8,
496
- "chromeGap": 4,
497
- "chromeToChart": 8,
498
- "padding": 20,
499
- "xAxisHeight": 26,
500
- "xAxisLabelPadding": 4,
501
- },
502
- },
503
- "tooltipDescriptors": [
504
- [
505
- "rect-0",
506
- {
507
- "fields": [
508
- {
509
- "color": "#06b6d4",
510
- "label": "name",
511
- "value": "A",
512
- },
513
- {
514
- "label": "value",
515
- "value": "10",
516
- },
517
- ],
518
- "title": "A",
519
- },
520
- ],
521
- [
522
- "rect-1",
523
- {
524
- "fields": [
525
- {
526
- "color": "#06b6d4",
527
- "label": "name",
528
- "value": "B",
529
- },
530
- {
531
- "label": "value",
532
- "value": "25",
533
- },
534
- ],
535
- "title": "B",
536
- },
537
- ],
538
- [
539
- "rect-2",
540
- {
541
- "fields": [
542
- {
543
- "color": "#06b6d4",
544
- "label": "name",
545
- "value": "C",
546
- },
547
- {
548
- "label": "value",
549
- "value": "40",
550
- },
551
- ],
552
- "title": "C",
553
- },
554
- ],
555
- ],
556
- "watermark": false,
557
- "xInvert": {
558
- "bottomData": 50,
559
- "bottomPixel": 577,
560
- "scaleType": "linear",
561
- "topData": 0,
562
- "topPixel": 36.942,
563
- },
564
- "yInvert": {
565
- "bottomData": 0,
566
- "bottomPixel": 60.9,
567
- "domain": [
568
- "A",
569
- "B",
570
- "C",
571
- ],
572
- "positions": [
573
- 297.33805970149257,
574
- 208.95000000000002,
575
- 120.56194029850745,
576
- ],
577
- "topData": 0,
578
- "topPixel": 357,
579
- },
580
- }
581
- `;
582
-
583
- exports[`compileChart snapshot (Step 7 oracle) > legend-heavy multi-series line chart 1`] = `
584
- {
585
- "a11y": {
586
- "altText": "Line chart showing GDP Growth from 2020 to 2021 with 4 series (US, UK, FR, DE) (8 data points)",
587
- "dataTableFallback": [
588
- [
589
- "date",
590
- "value",
591
- "country",
592
- ],
593
- [
594
- "2020-01-01",
595
- 10,
596
- "US",
597
- ],
598
- [
599
- "2021-01-01",
600
- 40,
601
- "US",
602
- ],
603
- [
604
- "2020-01-01",
605
- 15,
606
- "UK",
607
- ],
608
- [
609
- "2021-01-01",
610
- 35,
611
- "UK",
612
- ],
613
- [
614
- "2020-01-01",
615
- 8,
616
- "FR",
617
- ],
618
- [
619
- "2021-01-01",
620
- 22,
621
- "FR",
622
- ],
623
- [
624
- "2020-01-01",
625
- 12,
626
- "DE",
627
- ],
628
- [
629
- "2021-01-01",
630
- 28,
631
- "DE",
632
- ],
633
- ],
634
- "keyboardNavigable": true,
635
- "role": "img",
636
- },
637
- "animation": undefined,
638
- "annotations": [],
639
- "area": {
640
- "height": 305.4,
641
- "width": 625.76115,
642
- "x": 26,
643
- "y": 105.2,
644
- },
645
- "axes": {
646
- "x": undefined,
647
- "y": {
648
- "domainLine": false,
649
- "end": {
650
- "x": 26,
651
- "y": 410.59999999999997,
652
- },
653
- "gridlines": [
654
- {
655
- "major": true,
656
- "position": 391.51249999999993,
657
- },
658
- {
659
- "major": true,
660
- "position": 343.79375,
661
- },
662
- {
663
- "major": true,
664
- "position": 296.075,
665
- },
666
- {
667
- "major": true,
668
- "position": 248.35625,
669
- },
670
- {
671
- "major": true,
672
- "position": 200.6375,
673
- },
674
- {
675
- "major": true,
676
- "position": 152.91875,
677
- },
678
- {
679
- "major": true,
680
- "position": 105.2,
681
- },
682
- ],
683
- "label": undefined,
684
- "labelFlush": undefined,
685
- "labelOverlap": undefined,
686
- "labelPadding": undefined,
687
- "labelStyle": {
688
- "fill": "#09090b",
689
- "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
690
- "fontSize": 13,
691
- "fontWeight": 550,
692
- "lineHeight": 1.3,
693
- },
694
- "offset": undefined,
695
- "orient": undefined,
696
- "start": {
697
- "x": 26,
698
- "y": 105.2,
699
- },
700
- "tickAngle": undefined,
701
- "tickLabelStyle": {
702
- "fill": "#71717a",
703
- "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
704
- "fontSize": 11,
705
- "fontVariant": "tabular-nums",
706
- "fontWeight": 450,
707
- "lineHeight": 1.2,
708
- },
709
- "tickMarks": false,
710
- "tickPosition": "inline",
711
- "ticks": [
712
- {
713
- "label": "10",
714
- "position": 391.51249999999993,
715
- "value": 10,
716
- },
717
- {
718
- "label": "15",
719
- "position": 343.79375,
720
- "value": 15,
721
- },
722
- {
723
- "label": "20",
724
- "position": 296.075,
725
- "value": 20,
726
- },
727
- {
728
- "label": "25",
729
- "position": 248.35625,
730
- "value": 25,
731
- },
732
- {
733
- "label": "30",
734
- "position": 200.6375,
735
- "value": 30,
736
- },
737
- {
738
- "label": "35",
739
- "position": 152.91875,
740
- "value": 35,
741
- },
742
- {
743
- "label": "40",
744
- "position": 105.2,
745
- "value": 40,
746
- },
747
- ],
748
- "titlePadding": undefined,
749
- },
750
- },
751
- "chrome": {
752
- "bottomAnchorY": 436.59999999999997,
753
- "bottomHeight": 43.4,
754
- "source": {
755
- "maxWidth": 755,
756
- "style": {
757
- "fill": "#71717a",
758
- "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
759
- "fontSize": 11,
760
- "fontWeight": 400,
761
- "lineHeight": 1.4,
762
- "textAnchor": "start",
763
- },
764
- "text": "World Bank",
765
- "x": 20,
766
- "y": 8,
767
- },
768
- "subtitle": {
769
- "maxWidth": 755,
770
- "style": {
771
- "fill": "#71717a",
772
- "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
773
- "fontSize": 14,
774
- "fontWeight": 400,
775
- "lineHeight": 1.45,
776
- "textAnchor": "start",
777
- },
778
- "text": "Four-country comparison",
779
- "x": 20,
780
- "y": 53.9,
781
- },
782
- "title": {
783
- "maxWidth": 755,
784
- "style": {
785
- "fill": "#09090b",
786
- "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
787
- "fontSize": 26,
788
- "fontWeight": 590,
789
- "lineHeight": 1.15,
790
- "textAnchor": "start",
791
- },
792
- "text": "GDP Growth",
793
- "x": 20,
794
- "y": 20,
795
- },
796
- "topHeight": 62.2,
797
- },
798
- "crosshair": true,
799
- "dimensions": {
800
- "height": 500,
801
- "width": 800,
802
- },
803
- "display": "full",
804
- "endpointLabels": {
805
- "bounds": {
806
- "height": 305.4,
807
- "width": 48.95985,
808
- "x": 669.76115,
809
- "y": 105.2,
810
- },
811
- "entries": [
812
- {
813
- "color": "#06b6d4",
814
- "dataY": 105.2,
815
- "labelLines": [
816
- "US",
817
- ],
818
- "labelY": 105.2,
819
- "marker": {
820
- "dataX": 651.76115,
821
- "fill": "transparent",
822
- "radius": 4,
823
- "stroke": "#06b6d4",
824
- "strokeWidth": 2,
825
- "x": 655.76115,
826
- "y": 105.2,
827
- },
828
- "seriesKey": "US",
829
- "showLeader": false,
830
- "value": "40",
831
- },
832
- {
833
- "color": "#ee4a73",
834
- "dataY": 152.91875,
835
- "labelLines": [
836
- "UK",
837
- ],
838
- "labelY": 146.41875,
839
- "marker": {
840
- "dataX": 651.76115,
841
- "fill": "transparent",
842
- "radius": 4,
843
- "stroke": "#ee4a73",
844
- "strokeWidth": 2,
845
- "x": 655.76115,
846
- "y": 152.91875,
847
- },
848
- "seriesKey": "UK",
849
- "showLeader": false,
850
- "value": "35",
851
- },
852
- {
853
- "color": "#00b054",
854
- "dataY": 276.98749999999995,
855
- "labelLines": [
856
- "FR",
857
- ],
858
- "labelY": 270.48749999999995,
859
- "marker": {
860
- "dataX": 651.76115,
861
- "fill": "transparent",
862
- "radius": 4,
863
- "stroke": "#00b054",
864
- "strokeWidth": 2,
865
- "x": 655.76115,
866
- "y": 276.98749999999995,
867
- },
868
- "seriesKey": "FR",
869
- "showLeader": false,
870
- "value": "22",
871
- },
872
- {
873
- "color": "#a46bf5",
874
- "dataY": 219.725,
875
- "labelLines": [
876
- "DE",
877
- ],
878
- "labelY": 213.225,
879
- "marker": {
880
- "dataX": 651.76115,
881
- "fill": "transparent",
882
- "radius": 4,
883
- "stroke": "#a46bf5",
884
- "strokeWidth": 2,
885
- "x": 655.76115,
886
- "y": 219.725,
887
- },
888
- "seriesKey": "DE",
889
- "showLeader": false,
890
- "value": "28",
891
- },
892
- ],
893
- "gap": 8,
894
- "labelStyle": {
895
- "fill": "#09090b",
896
- "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
897
- "fontSize": 13,
898
- "fontWeight": 600,
899
- "lineHeight": 1.25,
900
- },
901
- "leading": undefined,
902
- "leadingBounds": undefined,
903
- "swatchChipFill": "rgba(0,0,0,0.04)",
904
- "swatchSize": 18,
905
- "valueGap": 4,
906
- "valueStyle": {
907
- "fill": "#71717a",
908
- "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
909
- "fontSize": 12,
910
- "fontVariant": "tabular-nums",
911
- "fontWeight": 400,
912
- "lineHeight": 1.25,
913
- },
914
- },
915
- "legend": {
916
- "bounds": {
917
- "height": 85.2,
918
- "width": 49.278999999999996,
919
- "x": 659.76115,
920
- "y": 105.2,
921
- },
922
- "entries": [
923
- {
924
- "active": true,
925
- "color": "#06b6d4",
926
- "label": "US",
927
- "shape": "line",
928
- },
929
- {
930
- "active": true,
931
- "color": "#ee4a73",
932
- "label": "UK",
933
- "shape": "line",
934
- },
935
- {
936
- "active": true,
937
- "color": "#00b054",
938
- "label": "FR",
939
- "shape": "line",
940
- },
941
- {
942
- "active": true,
943
- "color": "#a46bf5",
944
- "label": "DE",
945
- "shape": "line",
946
- },
947
- ],
948
- "entryGap": 4,
949
- "entryPositions": [
950
- {
951
- "labelX": 677.76115,
952
- "labelY": 111.2,
953
- "row": 0,
954
- "width": 37.278999999999996,
955
- "x": 659.76115,
956
- "y": 105.2,
957
- },
958
- {
959
- "labelX": 677.76115,
960
- "labelY": 129.5,
961
- "row": 1,
962
- "width": 37.278999999999996,
963
- "x": 659.76115,
964
- "y": 123.5,
965
- },
966
- {
967
- "labelX": 677.76115,
968
- "labelY": 147.8,
969
- "row": 2,
970
- "width": 36.663,
971
- "x": 659.76115,
972
- "y": 141.8,
973
- },
974
- {
975
- "labelX": 677.76115,
976
- "labelY": 166.10000000000002,
977
- "row": 3,
978
- "width": 37.278999999999996,
979
- "x": 659.76115,
980
- "y": 160.10000000000002,
981
- },
982
- ],
983
- "labelStyle": {
984
- "fill": "#09090b",
985
- "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
986
- "fontSize": 11,
987
- "fontWeight": 450,
988
- "lineHeight": 1.3,
989
- },
990
- "position": "right",
991
- "rowHeight": 18.3,
992
- "swatchChipFill": "rgba(0,0,0,0.04)",
993
- "swatchGap": 6,
994
- "swatchSize": 12,
995
- "type": "categorical",
996
- },
997
- "legends": [
998
- {
999
- "bounds": {
1000
- "height": 85.2,
1001
- "width": 49.278999999999996,
1002
- "x": 659.76115,
1003
- "y": 105.2,
1004
- },
1005
- "entries": [
1006
- {
1007
- "active": true,
1008
- "color": "#06b6d4",
1009
- "label": "US",
1010
- "shape": "line",
1011
- },
1012
- {
1013
- "active": true,
1014
- "color": "#ee4a73",
1015
- "label": "UK",
1016
- "shape": "line",
1017
- },
1018
- {
1019
- "active": true,
1020
- "color": "#00b054",
1021
- "label": "FR",
1022
- "shape": "line",
1023
- },
1024
- {
1025
- "active": true,
1026
- "color": "#a46bf5",
1027
- "label": "DE",
1028
- "shape": "line",
1029
- },
1030
- ],
1031
- "entryGap": 4,
1032
- "entryPositions": [
1033
- {
1034
- "labelX": 677.76115,
1035
- "labelY": 111.2,
1036
- "row": 0,
1037
- "width": 37.278999999999996,
1038
- "x": 659.76115,
1039
- "y": 105.2,
1040
- },
1041
- {
1042
- "labelX": 677.76115,
1043
- "labelY": 129.5,
1044
- "row": 1,
1045
- "width": 37.278999999999996,
1046
- "x": 659.76115,
1047
- "y": 123.5,
1048
- },
1049
- {
1050
- "labelX": 677.76115,
1051
- "labelY": 147.8,
1052
- "row": 2,
1053
- "width": 36.663,
1054
- "x": 659.76115,
1055
- "y": 141.8,
1056
- },
1057
- {
1058
- "labelX": 677.76115,
1059
- "labelY": 166.10000000000002,
1060
- "row": 3,
1061
- "width": 37.278999999999996,
1062
- "x": 659.76115,
1063
- "y": 160.10000000000002,
1064
- },
1065
- ],
1066
- "labelStyle": {
1067
- "fill": "#09090b",
1068
- "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
1069
- "fontSize": 11,
1070
- "fontWeight": 450,
1071
- "lineHeight": 1.3,
1072
- },
1073
- "position": "right",
1074
- "rowHeight": 18.3,
1075
- "swatchChipFill": "rgba(0,0,0,0.04)",
1076
- "swatchGap": 6,
1077
- "swatchSize": 12,
1078
- "type": "categorical",
1079
- },
1080
- ],
1081
- "marks": [
1082
- {
1083
- "aria": {
1084
- "label": "US: line with 2 data points",
1085
- },
1086
- "data": [
1087
- {
1088
- "country": "US",
1089
- "date": "2020-01-01",
1090
- "value": 10,
1091
- },
1092
- {
1093
- "country": "US",
1094
- "date": "2021-01-01",
1095
- "value": 40,
1096
- },
1097
- ],
1098
- "dataPoints": [
1099
- {
1100
- "datum": {
1101
- "country": "US",
1102
- "date": "2020-01-01",
1103
- "value": 10,
1104
- },
1105
- "tooltip": {
1106
- "fields": [
1107
- {
1108
- "color": "#06b6d4",
1109
- "label": "country",
1110
- "value": "US",
1111
- },
1112
- {
1113
- "color": undefined,
1114
- "label": "value",
1115
- "value": "10",
1116
- },
1117
- {
1118
- "label": "date",
1119
- "value": "2020",
1120
- },
1121
- ],
1122
- "title": "2020",
1123
- },
1124
- "x": 47,
1125
- "y": 391.51249999999993,
1126
- },
1127
- {
1128
- "datum": {
1129
- "country": "US",
1130
- "date": "2021-01-01",
1131
- "value": 40,
1132
- },
1133
- "tooltip": {
1134
- "fields": [
1135
- {
1136
- "color": "#06b6d4",
1137
- "label": "country",
1138
- "value": "US",
1139
- },
1140
- {
1141
- "color": undefined,
1142
- "label": "value",
1143
- "value": "40",
1144
- },
1145
- {
1146
- "label": "date",
1147
- "value": "2021",
1148
- },
1149
- ],
1150
- "title": "2021",
1151
- },
1152
- "x": 651.76115,
1153
- "y": 105.2,
1154
- },
1155
- ],
1156
- "interpolate": "monotone",
1157
- "key": "US",
1158
- "opacity": undefined,
1159
- "path": "M47,391.512L651.761,105.2",
1160
- "pointKeys": [
1161
- "2020-01-01",
1162
- "2021-01-01",
1163
- ],
1164
- "points": [
1165
- {
1166
- "x": 47,
1167
- "y": 391.51249999999993,
1168
- },
1169
- {
1170
- "x": 651.76115,
1171
- "y": 105.2,
1172
- },
1173
- ],
1174
- "seriesKey": "US",
1175
- "stroke": "#06b6d4",
1176
- "strokeDasharray": undefined,
1177
- "strokeWidth": 1.5,
1178
- "type": "line",
1179
- },
1180
- {
1181
- "aria": {
1182
- "label": "UK: line with 2 data points",
1183
- },
1184
- "data": [
1185
- {
1186
- "country": "UK",
1187
- "date": "2020-01-01",
1188
- "value": 15,
1189
- },
1190
- {
1191
- "country": "UK",
1192
- "date": "2021-01-01",
1193
- "value": 35,
1194
- },
1195
- ],
1196
- "dataPoints": [
1197
- {
1198
- "datum": {
1199
- "country": "UK",
1200
- "date": "2020-01-01",
1201
- "value": 15,
1202
- },
1203
- "tooltip": {
1204
- "fields": [
1205
- {
1206
- "color": "#ee4a73",
1207
- "label": "country",
1208
- "value": "UK",
1209
- },
1210
- {
1211
- "color": undefined,
1212
- "label": "value",
1213
- "value": "15",
1214
- },
1215
- {
1216
- "label": "date",
1217
- "value": "2020",
1218
- },
1219
- ],
1220
- "title": "2020",
1221
- },
1222
- "x": 47,
1223
- "y": 343.79375,
1224
- },
1225
- {
1226
- "datum": {
1227
- "country": "UK",
1228
- "date": "2021-01-01",
1229
- "value": 35,
1230
- },
1231
- "tooltip": {
1232
- "fields": [
1233
- {
1234
- "color": "#ee4a73",
1235
- "label": "country",
1236
- "value": "UK",
1237
- },
1238
- {
1239
- "color": undefined,
1240
- "label": "value",
1241
- "value": "35",
1242
- },
1243
- {
1244
- "label": "date",
1245
- "value": "2021",
1246
- },
1247
- ],
1248
- "title": "2021",
1249
- },
1250
- "x": 651.76115,
1251
- "y": 152.91875,
1252
- },
1253
- ],
1254
- "interpolate": "monotone",
1255
- "key": "UK",
1256
- "opacity": undefined,
1257
- "path": "M47,343.794L651.761,152.919",
1258
- "pointKeys": [
1259
- "2020-01-01",
1260
- "2021-01-01",
1261
- ],
1262
- "points": [
1263
- {
1264
- "x": 47,
1265
- "y": 343.79375,
1266
- },
1267
- {
1268
- "x": 651.76115,
1269
- "y": 152.91875,
1270
- },
1271
- ],
1272
- "seriesKey": "UK",
1273
- "stroke": "#ee4a73",
1274
- "strokeDasharray": undefined,
1275
- "strokeWidth": 1.5,
1276
- "type": "line",
1277
- },
1278
- {
1279
- "aria": {
1280
- "label": "FR: line with 2 data points",
1281
- },
1282
- "data": [
1283
- {
1284
- "country": "FR",
1285
- "date": "2020-01-01",
1286
- "value": 8,
1287
- },
1288
- {
1289
- "country": "FR",
1290
- "date": "2021-01-01",
1291
- "value": 22,
1292
- },
1293
- ],
1294
- "dataPoints": [
1295
- {
1296
- "datum": {
1297
- "country": "FR",
1298
- "date": "2020-01-01",
1299
- "value": 8,
1300
- },
1301
- "tooltip": {
1302
- "fields": [
1303
- {
1304
- "color": "#00b054",
1305
- "label": "country",
1306
- "value": "FR",
1307
- },
1308
- {
1309
- "color": undefined,
1310
- "label": "value",
1311
- "value": "8",
1312
- },
1313
- {
1314
- "label": "date",
1315
- "value": "2020",
1316
- },
1317
- ],
1318
- "title": "2020",
1319
- },
1320
- "x": 47,
1321
- "y": 410.59999999999997,
1322
- },
1323
- {
1324
- "datum": {
1325
- "country": "FR",
1326
- "date": "2021-01-01",
1327
- "value": 22,
1328
- },
1329
- "tooltip": {
1330
- "fields": [
1331
- {
1332
- "color": "#00b054",
1333
- "label": "country",
1334
- "value": "FR",
1335
- },
1336
- {
1337
- "color": undefined,
1338
- "label": "value",
1339
- "value": "22",
1340
- },
1341
- {
1342
- "label": "date",
1343
- "value": "2021",
1344
- },
1345
- ],
1346
- "title": "2021",
1347
- },
1348
- "x": 651.76115,
1349
- "y": 276.98749999999995,
1350
- },
1351
- ],
1352
- "interpolate": "monotone",
1353
- "key": "FR",
1354
- "opacity": undefined,
1355
- "path": "M47,410.6L651.761,276.987",
1356
- "pointKeys": [
1357
- "2020-01-01",
1358
- "2021-01-01",
1359
- ],
1360
- "points": [
1361
- {
1362
- "x": 47,
1363
- "y": 410.59999999999997,
1364
- },
1365
- {
1366
- "x": 651.76115,
1367
- "y": 276.98749999999995,
1368
- },
1369
- ],
1370
- "seriesKey": "FR",
1371
- "stroke": "#00b054",
1372
- "strokeDasharray": undefined,
1373
- "strokeWidth": 1.5,
1374
- "type": "line",
1375
- },
1376
- {
1377
- "aria": {
1378
- "label": "DE: line with 2 data points",
1379
- },
1380
- "data": [
1381
- {
1382
- "country": "DE",
1383
- "date": "2020-01-01",
1384
- "value": 12,
1385
- },
1386
- {
1387
- "country": "DE",
1388
- "date": "2021-01-01",
1389
- "value": 28,
1390
- },
1391
- ],
1392
- "dataPoints": [
1393
- {
1394
- "datum": {
1395
- "country": "DE",
1396
- "date": "2020-01-01",
1397
- "value": 12,
1398
- },
1399
- "tooltip": {
1400
- "fields": [
1401
- {
1402
- "color": "#a46bf5",
1403
- "label": "country",
1404
- "value": "DE",
1405
- },
1406
- {
1407
- "color": undefined,
1408
- "label": "value",
1409
- "value": "12",
1410
- },
1411
- {
1412
- "label": "date",
1413
- "value": "2020",
1414
- },
1415
- ],
1416
- "title": "2020",
1417
- },
1418
- "x": 47,
1419
- "y": 372.42499999999995,
1420
- },
1421
- {
1422
- "datum": {
1423
- "country": "DE",
1424
- "date": "2021-01-01",
1425
- "value": 28,
1426
- },
1427
- "tooltip": {
1428
- "fields": [
1429
- {
1430
- "color": "#a46bf5",
1431
- "label": "country",
1432
- "value": "DE",
1433
- },
1434
- {
1435
- "color": undefined,
1436
- "label": "value",
1437
- "value": "28",
1438
- },
1439
- {
1440
- "label": "date",
1441
- "value": "2021",
1442
- },
1443
- ],
1444
- "title": "2021",
1445
- },
1446
- "x": 651.76115,
1447
- "y": 219.725,
1448
- },
1449
- ],
1450
- "interpolate": "monotone",
1451
- "key": "DE",
1452
- "opacity": undefined,
1453
- "path": "M47,372.425L651.761,219.725",
1454
- "pointKeys": [
1455
- "2020-01-01",
1456
- "2021-01-01",
1457
- ],
1458
- "points": [
1459
- {
1460
- "x": 47,
1461
- "y": 372.42499999999995,
1462
- },
1463
- {
1464
- "x": 651.76115,
1465
- "y": 219.725,
1466
- },
1467
- ],
1468
- "seriesKey": "DE",
1469
- "stroke": "#a46bf5",
1470
- "strokeDasharray": undefined,
1471
- "strokeWidth": 1.5,
1472
- "type": "line",
1473
- },
1474
- ],
1475
- "metrics": undefined,
1476
- "theme": {
1477
- "_tokenPairs": undefined,
1478
- "borderRadius": 2,
1479
- "chrome": {
1480
- "byline": {
1481
- "color": "#71717a",
1482
- "fontSize": 11,
1483
- "fontWeight": 400,
1484
- "lineHeight": 1.4,
1485
- },
1486
- "eyebrow": {
1487
- "color": "#06b6d4",
1488
- "fontSize": 11,
1489
- "fontWeight": 510,
1490
- "lineHeight": 1.4,
1491
- },
1492
- "footer": {
1493
- "color": "#71717a",
1494
- "fontSize": 11,
1495
- "fontWeight": 400,
1496
- "lineHeight": 1.4,
1497
- },
1498
- "source": {
1499
- "color": "#71717a",
1500
- "fontSize": 11,
1501
- "fontWeight": 400,
1502
- "lineHeight": 1.4,
1503
- },
1504
- "subtitle": {
1505
- "color": "#71717a",
1506
- "fontSize": 14,
1507
- "fontWeight": 400,
1508
- "lineHeight": 1.45,
1509
- },
1510
- "title": {
1511
- "color": "#09090b",
1512
- "fontSize": 26,
1513
- "fontWeight": 590,
1514
- "lineHeight": 1.15,
1515
- },
1516
- },
1517
- "colors": {
1518
- "annotationFill": "rgba(0,0,0,0.04)",
1519
- "annotationText": "#71717a",
1520
- "axis": "#71717a",
1521
- "background": "transparent",
1522
- "categorical": [
1523
- "#06b6d4",
1524
- "#ee4a73",
1525
- "#00b054",
1526
- "#a46bf5",
1527
- "#e07d00",
1528
- "#0091ff",
1529
- "#f36000",
1530
- "#6f7dff",
1531
- "#00afbf",
1532
- ],
1533
- "diverging": {
1534
- "brownTeal": [
1535
- "#8c510a",
1536
- "#bf812d",
1537
- "#dfc27d",
1538
- "#f6e8c3",
1539
- "#80cdc1",
1540
- "#35978f",
1541
- "#01665e",
1542
- ],
1543
- "redBlue": [
1544
- "#b2182b",
1545
- "#d6604d",
1546
- "#f4a582",
1547
- "#f7f7f7",
1548
- "#92c5de",
1549
- "#4393c3",
1550
- "#2166ac",
1551
- ],
1552
- },
1553
- "gridline": "rgba(0,0,0,0.1)",
1554
- "negative": "#dc2626",
1555
- "positive": "#16a34a",
1556
- "sequential": {
1557
- "blue": [
1558
- "#deebf7",
1559
- "#c6dbef",
1560
- "#9ecae1",
1561
- "#6baed6",
1562
- "#3182bd",
1563
- "#08519c",
1564
- ],
1565
- "green": [
1566
- "#e5f5e0",
1567
- "#c7e9c0",
1568
- "#a1d99b",
1569
- "#74c476",
1570
- "#31a354",
1571
- "#006d2c",
1572
- ],
1573
- "orange": [
1574
- "#fee6ce",
1575
- "#fdd0a2",
1576
- "#fdae6b",
1577
- "#fd8d3c",
1578
- "#e6550d",
1579
- "#a63603",
1580
- ],
1581
- "purple": [
1582
- "#efedf5",
1583
- "#dadaeb",
1584
- "#bcbddc",
1585
- "#9e9ac8",
1586
- "#756bb1",
1587
- "#54278f",
1588
- ],
1589
- "teal": [
1590
- "#06b6d4",
1591
- "#05a3be",
1592
- "#0490a8",
1593
- "#037d92",
1594
- "#026a7c",
1595
- "#015766",
1596
- "#004450",
1597
- ],
1598
- },
1599
- "text": "#09090b",
1600
- },
1601
- "fonts": {
1602
- "family": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
1603
- "mono": ""JetBrains Mono", "Fira Code", "Cascadia Code", monospace",
1604
- "sizes": {
1605
- "axisTick": 11,
1606
- "body": 13,
1607
- "metricLabel": 10,
1608
- "metricValue": 22,
1609
- "small": 11,
1610
- "subtitle": 14,
1611
- "title": 26,
1612
- },
1613
- "weights": {
1614
- "bold": 700,
1615
- "medium": 550,
1616
- "normal": 450,
1617
- "semibold": 590,
1618
- },
1619
- },
1620
- "isDark": false,
1621
- "seriesStrategy": "palette",
1622
- "spacing": {
1623
- "axisMargin": 6,
1624
- "chartToFooter": 8,
1625
- "chromeGap": 4,
1626
- "chromeToChart": 8,
1627
- "padding": 20,
1628
- "xAxisHeight": 26,
1629
- "xAxisLabelPadding": 4,
1630
- },
1631
- },
1632
- "tooltipDescriptors": [],
1633
- "watermark": false,
1634
- "xInvert": {
1635
- "bottomData": 1609459200000,
1636
- "bottomPixel": 651.76115,
1637
- "scaleType": "time",
1638
- "topData": 1577836800000,
1639
- "topPixel": 47,
1640
- },
1641
- "yInvert": {
1642
- "bottomData": 40,
1643
- "bottomPixel": 105.2,
1644
- "scaleType": "linear",
1645
- "topData": 8,
1646
- "topPixel": 410.59999999999997,
1647
- },
1648
- }
1649
- `;
1650
-
1651
- exports[`compileChart snapshot (Step 7 oracle) > watermarked column chart with gradient fill 1`] = `
1652
- {
1653
- "a11y": {
1654
- "altText": "Bar chart showing Gradient Columns across 4 categories (4 data points)",
1655
- "dataTableFallback": [
1656
- [
1657
- "category",
1658
- "score",
1659
- ],
1660
- [
1661
- "A",
1662
- 30,
1663
- ],
1664
- [
1665
- "B",
1666
- 55,
1667
- ],
1668
- [
1669
- "C",
1670
- 70,
1671
- ],
1672
- [
1673
- "D",
1674
- 45,
1675
- ],
1676
- ],
1677
- "keyboardNavigable": true,
1678
- "role": "img",
1679
- },
1680
- "animation": undefined,
1681
- "annotations": [],
1682
- "area": {
1683
- "height": 236.3,
1684
- "width": 537.768,
1685
- "x": 39.232,
1686
- "y": 60.9,
1687
- },
1688
- "axes": {
1689
- "x": {
1690
- "domainLine": undefined,
1691
- "end": {
1692
- "x": 577,
1693
- "y": 297.2,
1694
- },
1695
- "extent": 26,
1696
- "gridlines": [],
1697
- "label": undefined,
1698
- "labelFlush": undefined,
1699
- "labelOverlap": undefined,
1700
- "labelPadding": undefined,
1701
- "labelStyle": {
1702
- "fill": "#09090b",
1703
- "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
1704
- "fontSize": 13,
1705
- "fontWeight": 550,
1706
- "lineHeight": 1.3,
1707
- },
1708
- "offset": undefined,
1709
- "orient": undefined,
1710
- "start": {
1711
- "x": 39.232,
1712
- "y": 297.2,
1713
- },
1714
- "tickAngle": undefined,
1715
- "tickLabelStyle": {
1716
- "fill": "#71717a",
1717
- "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
1718
- "fontSize": 11,
1719
- "fontVariant": "tabular-nums",
1720
- "fontWeight": 450,
1721
- "lineHeight": 1.2,
1722
- },
1723
- "tickMarks": undefined,
1724
- "tickPosition": "gutter",
1725
- "ticks": [
1726
- {
1727
- "label": "A",
1728
- "position": 122.67875862068962,
1729
- "value": "A",
1730
- },
1731
- {
1732
- "label": "B",
1733
- "position": 246.30358620689654,
1734
- "value": "B",
1735
- },
1736
- {
1737
- "label": "C",
1738
- "position": 369.92841379310346,
1739
- "value": "C",
1740
- },
1741
- {
1742
- "label": "D",
1743
- "position": 493.55324137931035,
1744
- "value": "D",
1745
- },
1746
- ],
1747
- "titlePadding": undefined,
1748
- },
1749
- "y": {
1750
- "domainLine": undefined,
1751
- "end": {
1752
- "x": 39.232,
1753
- "y": 297.2,
1754
- },
1755
- "gridlines": [
1756
- {
1757
- "major": true,
1758
- "position": 297.2,
1759
- },
1760
- {
1761
- "major": true,
1762
- "position": 263.4428571428572,
1763
- },
1764
- {
1765
- "major": true,
1766
- "position": 229.68571428571428,
1767
- },
1768
- {
1769
- "major": true,
1770
- "position": 195.92857142857142,
1771
- },
1772
- {
1773
- "major": true,
1774
- "position": 162.17142857142858,
1775
- },
1776
- {
1777
- "major": true,
1778
- "position": 128.4142857142857,
1779
- },
1780
- {
1781
- "major": true,
1782
- "position": 94.65714285714287,
1783
- },
1784
- {
1785
- "major": true,
1786
- "position": 60.9,
1787
- },
1788
- ],
1789
- "label": undefined,
1790
- "labelFlush": undefined,
1791
- "labelOverlap": undefined,
1792
- "labelPadding": undefined,
1793
- "labelStyle": {
1794
- "fill": "#09090b",
1795
- "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
1796
- "fontSize": 13,
1797
- "fontWeight": 550,
1798
- "lineHeight": 1.3,
1799
- },
1800
- "offset": undefined,
1801
- "orient": undefined,
1802
- "start": {
1803
- "x": 39.232,
1804
- "y": 60.9,
1805
- },
1806
- "tickAngle": undefined,
1807
- "tickLabelStyle": {
1808
- "fill": "#71717a",
1809
- "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
1810
- "fontSize": 11,
1811
- "fontVariant": "tabular-nums",
1812
- "fontWeight": 450,
1813
- "lineHeight": 1.2,
1814
- },
1815
- "tickMarks": undefined,
1816
- "tickPosition": "gutter",
1817
- "ticks": [
1818
- {
1819
- "label": "0",
1820
- "position": 297.2,
1821
- "value": 0,
1822
- },
1823
- {
1824
- "label": "10",
1825
- "position": 263.4428571428572,
1826
- "value": 10,
1827
- },
1828
- {
1829
- "label": "20",
1830
- "position": 229.68571428571428,
1831
- "value": 20,
1832
- },
1833
- {
1834
- "label": "30",
1835
- "position": 195.92857142857142,
1836
- "value": 30,
1837
- },
1838
- {
1839
- "label": "40",
1840
- "position": 162.17142857142858,
1841
- "value": 40,
1842
- },
1843
- {
1844
- "label": "50",
1845
- "position": 128.4142857142857,
1846
- "value": 50,
1847
- },
1848
- {
1849
- "label": "60",
1850
- "position": 94.65714285714287,
1851
- "value": 60,
1852
- },
1853
- {
1854
- "label": "70",
1855
- "position": 60.9,
1856
- "value": 70,
1857
- },
1858
- ],
1859
- "titlePadding": undefined,
1860
- },
1861
- },
1862
- "chrome": {
1863
- "bottomAnchorY": 323.2,
1864
- "bottomHeight": 59.8,
1865
- "byline": {
1866
- "maxWidth": 431,
1867
- "style": {
1868
- "fill": "#71717a",
1869
- "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
1870
- "fontSize": 11,
1871
- "fontWeight": 400,
1872
- "lineHeight": 1.4,
1873
- "textAnchor": "start",
1874
- },
1875
- "text": "By the engine",
1876
- "x": 17,
1877
- "y": 27.4,
1878
- },
1879
- "source": {
1880
- "maxWidth": 431,
1881
- "style": {
1882
- "fill": "#71717a",
1883
- "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
1884
- "fontSize": 11,
1885
- "fontWeight": 400,
1886
- "lineHeight": 1.4,
1887
- "textAnchor": "start",
1888
- },
1889
- "text": "Test data",
1890
- "x": 17,
1891
- "y": 8,
1892
- },
1893
- "title": {
1894
- "maxWidth": 561,
1895
- "style": {
1896
- "fill": "#09090b",
1897
- "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
1898
- "fontSize": 26,
1899
- "fontWeight": 590,
1900
- "lineHeight": 1.15,
1901
- "textAnchor": "start",
1902
- },
1903
- "text": "Gradient Columns",
1904
- "x": 17,
1905
- "y": 17,
1906
- },
1907
- "topHeight": 37.9,
1908
- },
1909
- "crosshair": false,
1910
- "dimensions": {
1911
- "height": 400,
1912
- "width": 600,
1913
- },
1914
- "display": "full",
1915
- "legend": {
1916
- "bounds": {
1917
- "height": 0,
1918
- "width": 0,
1919
- "x": 0,
1920
- "y": 0,
1921
- },
1922
- "entries": [],
1923
- "entryGap": 16,
1924
- "labelStyle": {
1925
- "fill": "#09090b",
1926
- "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
1927
- "fontSize": 11,
1928
- "fontWeight": 450,
1929
- "lineHeight": 1.3,
1930
- },
1931
- "position": "top",
1932
- "swatchChipFill": "rgba(0,0,0,0.04)",
1933
- "swatchGap": 6,
1934
- "swatchSize": 12,
1935
- "type": "categorical",
1936
- },
1937
- "legends": [
1938
- {
1939
- "bounds": {
1940
- "height": 0,
1941
- "width": 0,
1942
- "x": 0,
1943
- "y": 0,
1944
- },
1945
- "entries": [],
1946
- "entryGap": 16,
1947
- "labelStyle": {
1948
- "fill": "#09090b",
1949
- "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
1950
- "fontSize": 11,
1951
- "fontWeight": 450,
1952
- "lineHeight": 1.3,
1953
- },
1954
- "position": "top",
1955
- "swatchChipFill": "rgba(0,0,0,0.04)",
1956
- "swatchGap": 6,
1957
- "swatchSize": 12,
1958
- "type": "categorical",
1959
- },
1960
- ],
1961
- "marks": [
1962
- {
1963
- "aria": {
1964
- "label": "A: 30",
1965
- },
1966
- "cornerRadius": 2,
1967
- "data": {
1968
- "category": "A",
1969
- "score": 30,
1970
- },
1971
- "fill": {
1972
- "stops": [
1973
- {
1974
- "color": "#ff0000",
1975
- "offset": 0,
1976
- },
1977
- {
1978
- "color": "#0000ff",
1979
- "offset": 1,
1980
- },
1981
- ],
1982
- "type": "linear",
1983
- },
1984
- "height": 101.27142857142857,
1985
- "key": "|A",
1986
- "label": {
1987
- "connector": undefined,
1988
- "style": {
1989
- "fill": "#0000ff",
1990
- "fontFamily": "system-ui, -apple-system, sans-serif",
1991
- "fontSize": 10,
1992
- "fontVariant": "tabular-nums",
1993
- "fontWeight": 600,
1994
- "lineHeight": 1.2,
1995
- "textAnchor": "middle",
1996
- },
1997
- "text": "30",
1998
- "visible": true,
1999
- "x": 122.67875862068962,
2000
- "y": 183.92857142857142,
2001
- },
2002
- "orient": "vertical",
2003
- "type": "rect",
2004
- "width": 80.3561379310345,
2005
- "x": 82.50068965517238,
2006
- "y": 195.92857142857142,
2007
- },
2008
- {
2009
- "aria": {
2010
- "label": "B: 55",
2011
- },
2012
- "cornerRadius": 2,
2013
- "data": {
2014
- "category": "B",
2015
- "score": 55,
2016
- },
2017
- "fill": {
2018
- "stops": [
2019
- {
2020
- "color": "#ff0000",
2021
- "offset": 0,
2022
- },
2023
- {
2024
- "color": "#0000ff",
2025
- "offset": 1,
2026
- },
2027
- ],
2028
- "type": "linear",
2029
- },
2030
- "height": 185.6642857142857,
2031
- "key": "|B",
2032
- "label": {
2033
- "connector": undefined,
2034
- "style": {
2035
- "fill": "#0000ff",
2036
- "fontFamily": "system-ui, -apple-system, sans-serif",
2037
- "fontSize": 10,
2038
- "fontVariant": "tabular-nums",
2039
- "fontWeight": 600,
2040
- "lineHeight": 1.2,
2041
- "textAnchor": "middle",
2042
- },
2043
- "text": "55",
2044
- "visible": true,
2045
- "x": 246.30358620689654,
2046
- "y": 99.53571428571429,
2047
- },
2048
- "orient": "vertical",
2049
- "type": "rect",
2050
- "width": 80.3561379310345,
2051
- "x": 206.1255172413793,
2052
- "y": 111.53571428571429,
2053
- },
2054
- {
2055
- "aria": {
2056
- "label": "C: 70",
2057
- },
2058
- "cornerRadius": 2,
2059
- "data": {
2060
- "category": "C",
2061
- "score": 70,
2062
- },
2063
- "fill": {
2064
- "stops": [
2065
- {
2066
- "color": "#ff0000",
2067
- "offset": 0,
2068
- },
2069
- {
2070
- "color": "#0000ff",
2071
- "offset": 1,
2072
- },
2073
- ],
2074
- "type": "linear",
2075
- },
2076
- "height": 236.29999999999998,
2077
- "key": "|C",
2078
- "label": {
2079
- "connector": undefined,
2080
- "style": {
2081
- "fill": "#0000ff",
2082
- "fontFamily": "system-ui, -apple-system, sans-serif",
2083
- "fontSize": 10,
2084
- "fontVariant": "tabular-nums",
2085
- "fontWeight": 600,
2086
- "lineHeight": 1.2,
2087
- "textAnchor": "middle",
2088
- },
2089
- "text": "70",
2090
- "visible": true,
2091
- "x": 369.92841379310346,
2092
- "y": 48.9,
2093
- },
2094
- "orient": "vertical",
2095
- "type": "rect",
2096
- "width": 80.3561379310345,
2097
- "x": 329.7503448275862,
2098
- "y": 60.9,
2099
- },
2100
- {
2101
- "aria": {
2102
- "label": "D: 45",
2103
- },
2104
- "cornerRadius": 2,
2105
- "data": {
2106
- "category": "D",
2107
- "score": 45,
2108
- },
2109
- "fill": {
2110
- "stops": [
2111
- {
2112
- "color": "#ff0000",
2113
- "offset": 0,
2114
- },
2115
- {
2116
- "color": "#0000ff",
2117
- "offset": 1,
2118
- },
2119
- ],
2120
- "type": "linear",
2121
- },
2122
- "height": 151.90714285714287,
2123
- "key": "|D",
2124
- "label": {
2125
- "connector": undefined,
2126
- "style": {
2127
- "fill": "#0000ff",
2128
- "fontFamily": "system-ui, -apple-system, sans-serif",
2129
- "fontSize": 10,
2130
- "fontVariant": "tabular-nums",
2131
- "fontWeight": 600,
2132
- "lineHeight": 1.2,
2133
- "textAnchor": "middle",
2134
- },
2135
- "text": "45",
2136
- "visible": true,
2137
- "x": 493.55324137931035,
2138
- "y": 133.29285714285712,
2139
- },
2140
- "orient": "vertical",
2141
- "type": "rect",
2142
- "width": 80.3561379310345,
2143
- "x": 453.3751724137931,
2144
- "y": 145.29285714285712,
2145
- },
2146
- ],
2147
- "metrics": undefined,
2148
- "theme": {
2149
- "_tokenPairs": undefined,
2150
- "borderRadius": 2,
2151
- "chrome": {
2152
- "byline": {
2153
- "color": "#71717a",
2154
- "fontSize": 11,
2155
- "fontWeight": 400,
2156
- "lineHeight": 1.4,
2157
- },
2158
- "eyebrow": {
2159
- "color": "#06b6d4",
2160
- "fontSize": 11,
2161
- "fontWeight": 510,
2162
- "lineHeight": 1.4,
2163
- },
2164
- "footer": {
2165
- "color": "#71717a",
2166
- "fontSize": 11,
2167
- "fontWeight": 400,
2168
- "lineHeight": 1.4,
2169
- },
2170
- "source": {
2171
- "color": "#71717a",
2172
- "fontSize": 11,
2173
- "fontWeight": 400,
2174
- "lineHeight": 1.4,
2175
- },
2176
- "subtitle": {
2177
- "color": "#71717a",
2178
- "fontSize": 14,
2179
- "fontWeight": 400,
2180
- "lineHeight": 1.45,
2181
- },
2182
- "title": {
2183
- "color": "#09090b",
2184
- "fontSize": 26,
2185
- "fontWeight": 590,
2186
- "lineHeight": 1.15,
2187
- },
2188
- },
2189
- "colors": {
2190
- "annotationFill": "rgba(0,0,0,0.04)",
2191
- "annotationText": "#71717a",
2192
- "axis": "#71717a",
2193
- "background": "transparent",
2194
- "categorical": [
2195
- "#06b6d4",
2196
- "#ee4a73",
2197
- "#00b054",
2198
- "#a46bf5",
2199
- "#e07d00",
2200
- "#0091ff",
2201
- "#f36000",
2202
- "#6f7dff",
2203
- "#00afbf",
2204
- ],
2205
- "diverging": {
2206
- "brownTeal": [
2207
- "#8c510a",
2208
- "#bf812d",
2209
- "#dfc27d",
2210
- "#f6e8c3",
2211
- "#80cdc1",
2212
- "#35978f",
2213
- "#01665e",
2214
- ],
2215
- "redBlue": [
2216
- "#b2182b",
2217
- "#d6604d",
2218
- "#f4a582",
2219
- "#f7f7f7",
2220
- "#92c5de",
2221
- "#4393c3",
2222
- "#2166ac",
2223
- ],
2224
- },
2225
- "gridline": "rgba(0,0,0,0.1)",
2226
- "negative": "#dc2626",
2227
- "positive": "#16a34a",
2228
- "sequential": {
2229
- "blue": [
2230
- "#deebf7",
2231
- "#c6dbef",
2232
- "#9ecae1",
2233
- "#6baed6",
2234
- "#3182bd",
2235
- "#08519c",
2236
- ],
2237
- "green": [
2238
- "#e5f5e0",
2239
- "#c7e9c0",
2240
- "#a1d99b",
2241
- "#74c476",
2242
- "#31a354",
2243
- "#006d2c",
2244
- ],
2245
- "orange": [
2246
- "#fee6ce",
2247
- "#fdd0a2",
2248
- "#fdae6b",
2249
- "#fd8d3c",
2250
- "#e6550d",
2251
- "#a63603",
2252
- ],
2253
- "purple": [
2254
- "#efedf5",
2255
- "#dadaeb",
2256
- "#bcbddc",
2257
- "#9e9ac8",
2258
- "#756bb1",
2259
- "#54278f",
2260
- ],
2261
- "teal": [
2262
- "#06b6d4",
2263
- "#05a3be",
2264
- "#0490a8",
2265
- "#037d92",
2266
- "#026a7c",
2267
- "#015766",
2268
- "#004450",
2269
- ],
2270
- },
2271
- "text": "#09090b",
2272
- },
2273
- "fonts": {
2274
- "family": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
2275
- "mono": ""JetBrains Mono", "Fira Code", "Cascadia Code", monospace",
2276
- "sizes": {
2277
- "axisTick": 11,
2278
- "body": 13,
2279
- "metricLabel": 10,
2280
- "metricValue": 22,
2281
- "small": 11,
2282
- "subtitle": 14,
2283
- "title": 26,
2284
- },
2285
- "weights": {
2286
- "bold": 700,
2287
- "medium": 550,
2288
- "normal": 450,
2289
- "semibold": 590,
2290
- },
2291
- },
2292
- "isDark": false,
2293
- "seriesStrategy": "palette",
2294
- "spacing": {
2295
- "axisMargin": 6,
2296
- "chartToFooter": 8,
2297
- "chromeGap": 4,
2298
- "chromeToChart": 8,
2299
- "padding": 20,
2300
- "xAxisHeight": 26,
2301
- "xAxisLabelPadding": 4,
2302
- },
2303
- },
2304
- "tooltipDescriptors": [
2305
- [
2306
- "rect-0",
2307
- {
2308
- "fields": [
2309
- {
2310
- "color": "#0000ff",
2311
- "label": "score",
2312
- "value": "30",
2313
- },
2314
- {
2315
- "label": "category",
2316
- "value": "A",
2317
- },
2318
- ],
2319
- "title": "A",
2320
- },
2321
- ],
2322
- [
2323
- "rect-1",
2324
- {
2325
- "fields": [
2326
- {
2327
- "color": "#0000ff",
2328
- "label": "score",
2329
- "value": "55",
2330
- },
2331
- {
2332
- "label": "category",
2333
- "value": "B",
2334
- },
2335
- ],
2336
- "title": "B",
2337
- },
2338
- ],
2339
- [
2340
- "rect-2",
2341
- {
2342
- "fields": [
2343
- {
2344
- "color": "#0000ff",
2345
- "label": "score",
2346
- "value": "70",
2347
- },
2348
- {
2349
- "label": "category",
2350
- "value": "C",
2351
- },
2352
- ],
2353
- "title": "C",
2354
- },
2355
- ],
2356
- [
2357
- "rect-3",
2358
- {
2359
- "fields": [
2360
- {
2361
- "color": "#0000ff",
2362
- "label": "score",
2363
- "value": "45",
2364
- },
2365
- {
2366
- "label": "category",
2367
- "value": "D",
2368
- },
2369
- ],
2370
- "title": "D",
2371
- },
2372
- ],
2373
- ],
2374
- "watermark": true,
2375
- "xInvert": {
2376
- "bottomData": 0,
2377
- "bottomPixel": 577,
2378
- "domain": [
2379
- "A",
2380
- "B",
2381
- "C",
2382
- "D",
2383
- ],
2384
- "positions": [
2385
- 122.67875862068962,
2386
- 246.30358620689654,
2387
- 369.92841379310346,
2388
- 493.55324137931035,
2389
- ],
2390
- "topData": 0,
2391
- "topPixel": 39.232,
2392
- },
2393
- "yInvert": {
2394
- "bottomData": 70,
2395
- "bottomPixel": 60.9,
2396
- "scaleType": "linear",
2397
- "topData": 0,
2398
- "topPixel": 297.2,
2399
- },
2400
- }
2401
- `;