npm - @opendata-ai/openchart-engine - Versions diffs - 8.0.0-rc.2 → 8.0.0-rc.20 - Mend

@opendata-ai/openchart-engine 8.0.0-rc.2 → 8.0.0-rc.20

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

package/dist/index.d.ts +140 -2
package/dist/index.js +1403 -210
package/dist/index.js.map +1 -1
package/package.json +3 -4
package/src/__test-fixtures__/specs.ts +0 -182
package/src/__tests__/__snapshots__/compile-snapshot.test.ts.snap +0 -2339
package/src/__tests__/annotation-behavior.test.ts +0 -721
package/src/__tests__/axes.test.ts +0 -1579
package/src/__tests__/compile-animation.test.ts +0 -161
package/src/__tests__/compile-chart.test.ts +0 -1303
package/src/__tests__/compile-footnotes.test.ts +0 -277
package/src/__tests__/compile-layer.test.ts +0 -969
package/src/__tests__/compile-snapshot.test.ts +0 -156
package/src/__tests__/compound-labels.test.ts +0 -147
package/src/__tests__/dimensions.test.ts +0 -918
package/src/__tests__/encoding-sugar.test.ts +0 -390
package/src/__tests__/facet.test.ts +0 -215
package/src/__tests__/helpers/invariants.ts +0 -299
package/src/__tests__/known-bugs.test.ts +0 -566
package/src/__tests__/layout-fuzz.test.ts +0 -358
package/src/__tests__/layout-invariants.test.ts +0 -535
package/src/__tests__/legend.test.ts +0 -721
package/src/__tests__/mark-keys.test.ts +0 -294
package/src/__tests__/ranking-recipes.test.ts +0 -260
package/src/__tests__/rotation.test.ts +0 -83
package/src/__tests__/scales.test.ts +0 -323
package/src/__tests__/series-search.test.ts +0 -92
package/src/__tests__/spec-sugar.test.ts +0 -801
package/src/__tests__/you-draw-it.test.ts +0 -160
package/src/annotations/__tests__/compute.test.ts +0 -1672
package/src/annotations/__tests__/geometry.test.ts +0 -66
package/src/annotations/__tests__/placement-fuzz.test.ts +0 -256
package/src/annotations/__tests__/placement-invariants.test.ts +0 -345
package/src/annotations/__tests__/placement.test.ts +0 -316
package/src/annotations/__tests__/resolve-text.test.ts +0 -788
package/src/annotations/__tests__/rich-text.test.ts +0 -91
package/src/annotations/__tests__/thinning.test.ts +0 -285
package/src/annotations/collisions.ts +0 -326
package/src/annotations/compute.ts +0 -333
package/src/annotations/constants.ts +0 -162
package/src/annotations/geometry.ts +0 -370
package/src/annotations/move.ts +0 -135
package/src/annotations/placement.ts +0 -636
package/src/annotations/position.ts +0 -131
package/src/annotations/resolve-range.ts +0 -117
package/src/annotations/resolve-refline.ts +0 -157
package/src/annotations/resolve-text.ts +0 -539
package/src/annotations/rich-text.ts +0 -65
package/src/annotations/thinning.ts +0 -190
package/src/barlist/__tests__/compile-barlist.test.ts +0 -200
package/src/barlist/compile-barlist.ts +0 -391
package/src/barlist/types.ts +0 -28
package/src/charts/__tests__/post-process.test.ts +0 -237
package/src/charts/__tests__/registry.test.ts +0 -116
package/src/charts/__tests__/utils.test.ts +0 -195
package/src/charts/_shared/__tests__/density-filter.test.ts +0 -32
package/src/charts/_shared/density-filter.ts +0 -26
package/src/charts/_shared/format-label-value.ts +0 -16
package/src/charts/bar/__tests__/compute.test.ts +0 -934
package/src/charts/bar/__tests__/gradient-orient.test.ts +0 -127
package/src/charts/bar/__tests__/labels.test.ts +0 -292
package/src/charts/bar/compute.ts +0 -539
package/src/charts/bar/index.ts +0 -60
package/src/charts/bar/labels.ts +0 -311
package/src/charts/beeswarm/__tests__/compute.test.ts +0 -280
package/src/charts/beeswarm/__tests__/dodge.test.ts +0 -148
package/src/charts/beeswarm/compute.ts +0 -203
package/src/charts/beeswarm/dodge.ts +0 -155
package/src/charts/beeswarm/index.ts +0 -32
package/src/charts/builtin.ts +0 -75
package/src/charts/calendar/__tests__/compute.test.ts +0 -417
package/src/charts/calendar/compute.ts +0 -319
package/src/charts/calendar/index.ts +0 -32
package/src/charts/column/__tests__/compute.test.ts +0 -540
package/src/charts/column/__tests__/labels.test.ts +0 -179
package/src/charts/column/compute.ts +0 -493
package/src/charts/column/index.ts +0 -53
package/src/charts/column/labels.ts +0 -229
package/src/charts/dot/__tests__/compute.test.ts +0 -380
package/src/charts/dot/__tests__/labels.test.ts +0 -98
package/src/charts/dot/compute.ts +0 -285
package/src/charts/dot/index.ts +0 -62
package/src/charts/dot/labels.ts +0 -121
package/src/charts/line/__tests__/compute.test.ts +0 -1194
package/src/charts/line/__tests__/curves.test.ts +0 -51
package/src/charts/line/__tests__/labels.test.ts +0 -94
package/src/charts/line/__tests__/mark-options.test.ts +0 -175
package/src/charts/line/area.ts +0 -484
package/src/charts/line/compute.ts +0 -356
package/src/charts/line/curves.ts +0 -85
package/src/charts/line/index.ts +0 -176
package/src/charts/line/labels.ts +0 -177
package/src/charts/parliament/__tests__/compute.test.ts +0 -411
package/src/charts/parliament/compute.ts +0 -313
package/src/charts/parliament/index.ts +0 -32
package/src/charts/pie/__tests__/compute.test.ts +0 -384
package/src/charts/pie/__tests__/labels.test.ts +0 -132
package/src/charts/pie/compute.ts +0 -324
package/src/charts/pie/index.ts +0 -49
package/src/charts/pie/labels.ts +0 -143
package/src/charts/post-process.ts +0 -229
package/src/charts/range/__tests__/compute.test.ts +0 -486
package/src/charts/range/compute.ts +0 -273
package/src/charts/range/index.ts +0 -82
package/src/charts/range/labels.ts +0 -169
package/src/charts/rect/__tests__/compute.test.ts +0 -120
package/src/charts/rect/index.ts +0 -127
package/src/charts/registry.ts +0 -72
package/src/charts/rule/index.ts +0 -139
package/src/charts/scatter/__tests__/compute.test.ts +0 -488
package/src/charts/scatter/__tests__/trendline.test.ts +0 -191
package/src/charts/scatter/compute.ts +0 -192
package/src/charts/scatter/index.ts +0 -46
package/src/charts/scatter/trendline.ts +0 -100
package/src/charts/text/__tests__/compute.test.ts +0 -307
package/src/charts/text/index.ts +0 -141
package/src/charts/tick/__tests__/compute.test.ts +0 -75
package/src/charts/tick/index.ts +0 -99
package/src/charts/utils.ts +0 -170
package/src/charts/waffle/__tests__/compute.test.ts +0 -305
package/src/charts/waffle/compute.ts +0 -197
package/src/charts/waffle/index.ts +0 -31
package/src/compile/__tests__/color-scale-range.test.ts +0 -158
package/src/compile/__tests__/color-scale-reverse.test.ts +0 -89
package/src/compile/__tests__/data-clip.test.ts +0 -127
package/src/compile/__tests__/fill-patterns.test.ts +0 -154
package/src/compile/__tests__/size-scale.test.ts +0 -108
package/src/compile/__tests__/watermark-obstacle.test.ts +0 -93
package/src/compile/color-scale-range.ts +0 -101
package/src/compile/data-clip.ts +0 -48
package/src/compile/fill-patterns.ts +0 -74
package/src/compile/layer.ts +0 -626
package/src/compile/size-scale.ts +0 -139
package/src/compile/spec-sugar.ts +0 -758
package/src/compile/watermark-obstacle.ts +0 -54
package/src/compile/you-draw-it.ts +0 -123
package/src/compile.ts +0 -1450
package/src/compiler/__tests__/a11y-warnings.test.ts +0 -148
package/src/compiler/__tests__/animation.test.ts +0 -177
package/src/compiler/__tests__/compile.test.ts +0 -87
package/src/compiler/__tests__/fixtures/vl-parity/axis-null.json +0 -19
package/src/compiler/__tests__/fixtures/vl-parity/color-value.json +0 -20
package/src/compiler/__tests__/fixtures/vl-parity/count-aggregate.json +0 -22
package/src/compiler/__tests__/fixtures/vl-parity/data-values.json +0 -19
package/src/compiler/__tests__/fixtures/vl-parity/layer-axis-null.json +0 -14
package/src/compiler/__tests__/fixtures/vl-parity/layer-count.json +0 -34
package/src/compiler/__tests__/fixtures/vl-parity/layer-data-values.json +0 -22
package/src/compiler/__tests__/fixtures/vl-parity/layer-legend-null.json +0 -41
package/src/compiler/__tests__/fixtures/vl-parity/layer-scheme.json +0 -38
package/src/compiler/__tests__/fixtures/vl-parity/layer-sort.json +0 -28
package/src/compiler/__tests__/fixtures/vl-parity/layer-theta.json +0 -28
package/src/compiler/__tests__/fixtures/vl-parity/layer-title.json +0 -30
package/src/compiler/__tests__/fixtures/vl-parity/layer-value-def.json +0 -29
package/src/compiler/__tests__/fixtures/vl-parity/legend-null.json +0 -32
package/src/compiler/__tests__/fixtures/vl-parity/scheme.json +0 -25
package/src/compiler/__tests__/fixtures/vl-parity/sort-by-value.json +0 -19
package/src/compiler/__tests__/fixtures/vl-parity/theta-arc.json +0 -19
package/src/compiler/__tests__/fixtures/vl-parity/title-subtitle.json +0 -21
package/src/compiler/__tests__/fixtures/vl-parity/width-height.json +0 -23
package/src/compiler/__tests__/keys.test.ts +0 -83
package/src/compiler/__tests__/normalize-highlight.test.ts +0 -103
package/src/compiler/__tests__/normalize.test.ts +0 -399
package/src/compiler/__tests__/sparkline-defaults.test.ts +0 -153
package/src/compiler/__tests__/validate-did-you-mean.test.ts +0 -86
package/src/compiler/__tests__/validate-highlight.test.ts +0 -112
package/src/compiler/__tests__/validate-near-miss.test.ts +0 -89
package/src/compiler/__tests__/validate.test.ts +0 -629
package/src/compiler/__tests__/vl-parity.test.ts +0 -68
package/src/compiler/a11y-warnings.ts +0 -110
package/src/compiler/animation.ts +0 -142
package/src/compiler/index.ts +0 -47
package/src/compiler/keys.ts +0 -55
package/src/compiler/normalize.ts +0 -733
package/src/compiler/sparkline-defaults.ts +0 -138
package/src/compiler/types.ts +0 -241
package/src/compiler/validate.ts +0 -1810
package/src/endpoint-labels/__tests__/compute.test.ts +0 -587
package/src/endpoint-labels/compute.ts +0 -621
package/src/endpoint-labels/constants.ts +0 -54
package/src/endpoint-labels/format.ts +0 -60
package/src/endpoint-labels/predict.ts +0 -139
package/src/format/__tests__/field-format.test.ts +0 -164
package/src/format/field-format.ts +0 -27
package/src/geo/__tests__/compile-map.test.ts +0 -621
package/src/geo/compile-map.ts +0 -856
package/src/geo/join.ts +0 -115
package/src/geo/projections.ts +0 -45
package/src/geo/types.ts +0 -24
package/src/graphs/__tests__/community.test.ts +0 -228
package/src/graphs/__tests__/compile-graph.test.ts +0 -396
package/src/graphs/__tests__/encoding.test.ts +0 -415
package/src/graphs/community.ts +0 -92
package/src/graphs/compile-graph.ts +0 -329
package/src/graphs/encoding.ts +0 -356
package/src/graphs/types.ts +0 -106
package/src/index.ts +0 -177
package/src/layout/__tests__/metrics.test.ts +0 -97
package/src/layout/__tests__/scales-highlight.test.ts +0 -192
package/src/layout/axes/rotation.ts +0 -152
package/src/layout/axes/thinning.ts +0 -98
package/src/layout/axes/ticks.ts +0 -409
package/src/layout/axes.ts +0 -757
package/src/layout/dimensions.ts +0 -912
package/src/layout/facet.ts +0 -91
package/src/layout/gridlines.ts +0 -84
package/src/layout/metrics.ts +0 -132
package/src/layout/plan.ts +0 -631
package/src/layout/scales.ts +0 -1053
package/src/layout/shared.ts +0 -44
package/src/legend/__tests__/continuous.test.ts +0 -318
package/src/legend/__tests__/redundancy.test.ts +0 -108
package/src/legend/__tests__/size.test.ts +0 -348
package/src/legend/__tests__/suppression.test.ts +0 -382
package/src/legend/compute.ts +0 -747
package/src/legend/continuous.ts +0 -327
package/src/legend/size.ts +0 -407
package/src/legend/suppression.ts +0 -226
package/src/legend/wrap.ts +0 -117
package/src/sankey/__tests__/compile-sankey.test.ts +0 -458
package/src/sankey/__tests__/layout.test.ts +0 -165
package/src/sankey/__tests__/node-label-wrap.test.ts +0 -114
package/src/sankey/__tests__/node-sort.test.ts +0 -45
package/src/sankey/compile-sankey.ts +0 -706
package/src/sankey/layout.ts +0 -184
package/src/sankey/types.ts +0 -41
package/src/tables/__tests__/bar-column.test.ts +0 -147
package/src/tables/__tests__/category-colors.test.ts +0 -230
package/src/tables/__tests__/compile-table.test.ts +0 -236
package/src/tables/__tests__/format-cells.test.ts +0 -143
package/src/tables/__tests__/heatmap.test.ts +0 -148
package/src/tables/__tests__/pagination.test.ts +0 -78
package/src/tables/__tests__/search.test.ts +0 -94
package/src/tables/__tests__/sort.test.ts +0 -107
package/src/tables/__tests__/sparkline.test.ts +0 -122
package/src/tables/bar-column.ts +0 -94
package/src/tables/category-colors.ts +0 -78
package/src/tables/compile-table.ts +0 -427
package/src/tables/format-cells.ts +0 -115
package/src/tables/heatmap.ts +0 -141
package/src/tables/pagination.ts +0 -46
package/src/tables/search.ts +0 -66
package/src/tables/sort.ts +0 -69
package/src/tables/sparkline.ts +0 -113
package/src/tables/utils.ts +0 -16
package/src/tilemap/__tests__/compile-tilemap.test.ts +0 -576
package/src/tilemap/compile-tilemap.ts +0 -755
package/src/tilemap/layout.ts +0 -172
package/src/tilemap/types.ts +0 -33
package/src/tooltips/__tests__/compute.test.ts +0 -582
package/src/tooltips/compute.ts +0 -700
package/src/transforms/__tests__/aggregate.test.ts +0 -159
package/src/transforms/__tests__/bin.test.ts +0 -88
package/src/transforms/__tests__/calculate.test.ts +0 -146
package/src/transforms/__tests__/conditional.test.ts +0 -127
package/src/transforms/__tests__/filter-relative.test.ts +0 -202
package/src/transforms/__tests__/filter.test.ts +0 -59
package/src/transforms/__tests__/fold.test.ts +0 -79
package/src/transforms/__tests__/index.test.ts +0 -93
package/src/transforms/__tests__/predicates.test.ts +0 -193
package/src/transforms/__tests__/timeunit.test.ts +0 -129
package/src/transforms/__tests__/window.test.ts +0 -286
package/src/transforms/aggregate.ts +0 -131
package/src/transforms/bin.ts +0 -87
package/src/transforms/calculate.ts +0 -60
package/src/transforms/conditional.ts +0 -46
package/src/transforms/filter.ts +0 -122
package/src/transforms/fold.ts +0 -49
package/src/transforms/index.ts +0 -60
package/src/transforms/predicates.ts +0 -123
package/src/transforms/timeunit.ts +0 -88
package/src/transforms/window.ts +0 -185

package/src/__tests__/__snapshots__/compile-snapshot.test.ts.snap DELETED Viewed

@@ -1,2339 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-exports[`compileChart snapshot (Step 7 oracle) > clipped-domain bar chart (data outside scale.domain filtered) 1`] = `
-{
-  "a11y": {
-    "altText": "Bar chart showing Clipped Values (5 data points)",
-    "dataTableFallback": [
-      [
-        "value",
-        "name",
-      ],
-      [
-        10,
-        "A",
-      ],
-      [
-        25,
-        "B",
-      ],
-      [
-        40,
-        "C",
-      ],
-      [
-        75,
-        "D",
-      ],
-      [
-        90,
-        "E",
-      ],
-    ],
-    "keyboardNavigable": true,
-    "role": "img",
-  },
-  "animation": undefined,
-  "annotations": [],
-  "area": {
-    "height": 296.1,
-    "width": 540.058,
-    "x": 36.942,
-    "y": 60.9,
-  },
-  "axes": {
-    "x": {
-      "domainLine": undefined,
-      "end": {
-        "x": 577,
-        "y": 357,
-      },
-      "extent": 26,
-      "gridlines": [],
-      "label": undefined,
-      "labelFlush": undefined,
-      "labelOverlap": undefined,
-      "labelPadding": undefined,
-      "labelStyle": {
-        "fill": "#09090b",
-        "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-        "fontSize": 13,
-        "fontWeight": 550,
-        "lineHeight": 1.3,
-      },
-      "offset": undefined,
-      "orient": undefined,
-      "start": {
-        "x": 36.942,
-        "y": 357,
-      },
-      "tickAngle": undefined,
-      "tickLabelStyle": {
-        "fill": "#71717a",
-        "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-        "fontSize": 11,
-        "fontVariant": "tabular-nums",
-        "fontWeight": 450,
-        "lineHeight": 1.2,
-      },
-      "tickMarks": undefined,
-      "tickPosition": "gutter",
-      "ticks": [
-        {
-          "label": "0",
-          "position": 36.942,
-          "value": 0,
-        },
-        {
-          "label": "20",
-          "position": 252.9652,
-          "value": 20,
-        },
-        {
-          "label": "40",
-          "position": 468.9884,
-          "value": 40,
-        },
-      ],
-      "titlePadding": undefined,
-    },
-    "y": {
-      "domainLine": undefined,
-      "end": {
-        "x": 36.942,
-        "y": 357,
-      },
-      "gridlines": [
-        {
-          "major": true,
-          "position": 297.33805970149257,
-        },
-        {
-          "major": true,
-          "position": 208.95000000000002,
-        },
-        {
-          "major": true,
-          "position": 120.56194029850745,
-        },
-      ],
-      "label": undefined,
-      "labelFlush": undefined,
-      "labelOverlap": undefined,
-      "labelPadding": undefined,
-      "labelStyle": {
-        "fill": "#09090b",
-        "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-        "fontSize": 13,
-        "fontWeight": 550,
-        "lineHeight": 1.3,
-      },
-      "offset": undefined,
-      "orient": undefined,
-      "start": {
-        "x": 36.942,
-        "y": 60.9,
-      },
-      "tickAngle": undefined,
-      "tickLabelStyle": {
-        "fill": "#71717a",
-        "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-        "fontSize": 11,
-        "fontVariant": "tabular-nums",
-        "fontWeight": 450,
-        "lineHeight": 1.2,
-      },
-      "tickMarks": undefined,
-      "tickPosition": "gutter",
-      "ticks": [
-        {
-          "label": "A",
-          "position": 297.33805970149257,
-          "value": "A",
-        },
-        {
-          "label": "B",
-          "position": 208.95000000000002,
-          "value": "B",
-        },
-        {
-          "label": "C",
-          "position": 120.56194029850745,
-          "value": "C",
-        },
-      ],
-      "titlePadding": undefined,
-    },
-  },
-  "chrome": {
-    "bottomAnchorY": 383,
-    "bottomHeight": 0,
-    "title": {
-      "maxWidth": 561,
-      "style": {
-        "fill": "#09090b",
-        "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-        "fontSize": 26,
-        "fontWeight": 590,
-        "lineHeight": 1.15,
-        "textAnchor": "start",
-      },
-      "text": "Clipped Values",
-      "x": 17,
-      "y": 17,
-    },
-    "topHeight": 37.9,
-  },
-  "crosshair": false,
-  "dimensions": {
-    "height": 400,
-    "width": 600,
-  },
-  "display": "full",
-  "legend": {
-    "bounds": {
-      "height": 0,
-      "width": 0,
-      "x": 0,
-      "y": 0,
-    },
-    "entries": [],
-    "entryGap": 16,
-    "labelStyle": {
-      "fill": "#09090b",
-      "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-      "fontSize": 11,
-      "fontWeight": 450,
-      "lineHeight": 1.3,
-    },
-    "position": "top",
-    "swatchChipFill": "rgba(0,0,0,0.04)",
-    "swatchGap": 6,
-    "swatchSize": 12,
-    "type": "categorical",
-  },
-  "legends": [
-    {
-      "bounds": {
-        "height": 0,
-        "width": 0,
-        "x": 0,
-        "y": 0,
-      },
-      "entries": [],
-      "entryGap": 16,
-      "labelStyle": {
-        "fill": "#09090b",
-        "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-        "fontSize": 11,
-        "fontWeight": 450,
-        "lineHeight": 1.3,
-      },
-      "position": "top",
-      "swatchChipFill": "rgba(0,0,0,0.04)",
-      "swatchGap": 6,
-      "swatchSize": 12,
-      "type": "categorical",
-    },
-  ],
-  "marks": [
-    {
-      "aria": {
-        "label": "A: 10",
-      },
-      "cornerRadius": 2,
-      "data": {
-        "name": "A",
-        "value": 10,
-      },
-      "fill": "#06b6d4",
-      "height": 57.45223880597016,
-      "key": "|A",
-      "label": {
-        "connector": undefined,
-        "style": {
-          "dominantBaseline": "central",
-          "fill": "#ffffff",
-          "fontFamily": "system-ui, -apple-system, sans-serif",
-          "fontSize": 11,
-          "fontVariant": "tabular-nums",
-          "fontWeight": 600,
-          "lineHeight": 1.2,
-          "textAnchor": "end",
-        },
-        "text": "10",
-        "visible": true,
-        "x": 138.9536,
-        "y": 297.33805970149257,
-      },
-      "orient": "horizontal",
-      "type": "rect",
-      "width": 108.01159999999999,
-      "x": 36.942,
-      "y": 268.6119402985075,
-    },
-    {
-      "aria": {
-        "label": "B: 25",
-      },
-      "cornerRadius": 2,
-      "data": {
-        "name": "B",
-        "value": 25,
-      },
-      "fill": "#06b6d4",
-      "height": 57.45223880597016,
-      "key": "|B",
-      "label": {
-        "connector": undefined,
-        "style": {
-          "dominantBaseline": "central",
-          "fill": "#ffffff",
-          "fontFamily": "system-ui, -apple-system, sans-serif",
-          "fontSize": 11,
-          "fontVariant": "tabular-nums",
-          "fontWeight": 600,
-          "lineHeight": 1.2,
-          "textAnchor": "end",
-        },
-        "text": "25",
-        "visible": true,
-        "x": 300.971,
-        "y": 208.95000000000002,
-      },
-      "orient": "horizontal",
-      "type": "rect",
-      "width": 270.029,
-      "x": 36.942,
-      "y": 180.22388059701493,
-    },
-    {
-      "aria": {
-        "label": "C: 40",
-      },
-      "cornerRadius": 2,
-      "data": {
-        "name": "C",
-        "value": 40,
-      },
-      "fill": "#06b6d4",
-      "height": 57.45223880597016,
-      "key": "|C",
-      "label": {
-        "connector": undefined,
-        "style": {
-          "dominantBaseline": "central",
-          "fill": "#ffffff",
-          "fontFamily": "system-ui, -apple-system, sans-serif",
-          "fontSize": 11,
-          "fontVariant": "tabular-nums",
-          "fontWeight": 600,
-          "lineHeight": 1.2,
-          "textAnchor": "end",
-        },
-        "text": "40",
-        "visible": true,
-        "x": 462.9884,
-        "y": 120.56194029850745,
-      },
-      "orient": "horizontal",
-      "type": "rect",
-      "width": 432.0464,
-      "x": 36.942,
-      "y": 91.83582089552237,
-    },
-  ],
-  "metrics": undefined,
-  "theme": {
-    "_tokenPairs": undefined,
-    "borderRadius": 2,
-    "chrome": {
-      "byline": {
-        "color": "#71717a",
-        "fontSize": 11,
-        "fontWeight": 400,
-        "lineHeight": 1.4,
-      },
-      "eyebrow": {
-        "color": "#06b6d4",
-        "fontSize": 11,
-        "fontWeight": 510,
-        "lineHeight": 1.4,
-      },
-      "footer": {
-        "color": "#71717a",
-        "fontSize": 11,
-        "fontWeight": 400,
-        "lineHeight": 1.4,
-      },
-      "source": {
-        "color": "#71717a",
-        "fontSize": 11,
-        "fontWeight": 400,
-        "lineHeight": 1.4,
-      },
-      "subtitle": {
-        "color": "#71717a",
-        "fontSize": 14,
-        "fontWeight": 400,
-        "lineHeight": 1.45,
-      },
-      "title": {
-        "color": "#09090b",
-        "fontSize": 26,
-        "fontWeight": 590,
-        "lineHeight": 1.15,
-      },
-    },
-    "colors": {
-      "annotationFill": "rgba(0,0,0,0.04)",
-      "annotationText": "#71717a",
-      "axis": "#71717a",
-      "background": "transparent",
-      "categorical": [
-        "#06b6d4",
-        "#ee4a73",
-        "#00b054",
-        "#a46bf5",
-        "#e07d00",
-        "#0091ff",
-        "#f36000",
-        "#6f7dff",
-        "#00afbf",
-      ],
-      "diverging": {
-        "brownTeal": [
-          "#8c510a",
-          "#bf812d",
-          "#dfc27d",
-          "#f6e8c3",
-          "#80cdc1",
-          "#35978f",
-          "#01665e",
-        ],
-        "redBlue": [
-          "#b2182b",
-          "#d6604d",
-          "#f4a582",
-          "#f7f7f7",
-          "#92c5de",
-          "#4393c3",
-          "#2166ac",
-        ],
-      },
-      "gridline": "rgba(0,0,0,0.1)",
-      "negative": "#dc2626",
-      "positive": "#16a34a",
-      "sequential": {
-        "blue": [
-          "#deebf7",
-          "#c6dbef",
-          "#9ecae1",
-          "#6baed6",
-          "#3182bd",
-          "#08519c",
-        ],
-        "green": [
-          "#e5f5e0",
-          "#c7e9c0",
-          "#a1d99b",
-          "#74c476",
-          "#31a354",
-          "#006d2c",
-        ],
-        "orange": [
-          "#fee6ce",
-          "#fdd0a2",
-          "#fdae6b",
-          "#fd8d3c",
-          "#e6550d",
-          "#a63603",
-        ],
-        "purple": [
-          "#efedf5",
-          "#dadaeb",
-          "#bcbddc",
-          "#9e9ac8",
-          "#756bb1",
-          "#54278f",
-        ],
-        "teal": [
-          "#06b6d4",
-          "#05a3be",
-          "#0490a8",
-          "#037d92",
-          "#026a7c",
-          "#015766",
-          "#004450",
-        ],
-      },
-      "text": "#09090b",
-    },
-    "fonts": {
-      "family": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-      "mono": ""JetBrains Mono", "Fira Code", "Cascadia Code", monospace",
-      "sizes": {
-        "axisTick": 11,
-        "body": 13,
-        "metricLabel": 10,
-        "metricValue": 22,
-        "small": 11,
-        "subtitle": 14,
-        "title": 26,
-      },
-      "weights": {
-        "bold": 700,
-        "medium": 550,
-        "normal": 450,
-        "semibold": 590,
-      },
-    },
-    "isDark": false,
-    "seriesStrategy": "palette",
-    "spacing": {
-      "axisMargin": 6,
-      "chartToFooter": 8,
-      "chromeGap": 4,
-      "chromeToChart": 8,
-      "padding": 20,
-      "xAxisHeight": 26,
-      "xAxisLabelPadding": 4,
-    },
-  },
-  "tooltipDescriptors": [
-    [
-      "rect-0",
-      {
-        "fields": [
-          {
-            "color": "#06b6d4",
-            "label": "name",
-            "value": "A",
-          },
-          {
-            "label": "value",
-            "value": "10",
-          },
-        ],
-        "title": "A",
-      },
-    ],
-    [
-      "rect-1",
-      {
-        "fields": [
-          {
-            "color": "#06b6d4",
-            "label": "name",
-            "value": "B",
-          },
-          {
-            "label": "value",
-            "value": "25",
-          },
-        ],
-        "title": "B",
-      },
-    ],
-    [
-      "rect-2",
-      {
-        "fields": [
-          {
-            "color": "#06b6d4",
-            "label": "name",
-            "value": "C",
-          },
-          {
-            "label": "value",
-            "value": "40",
-          },
-        ],
-        "title": "C",
-      },
-    ],
-  ],
-  "watermark": false,
-}
-`;
-exports[`compileChart snapshot (Step 7 oracle) > legend-heavy multi-series line chart 1`] = `
-{
-  "a11y": {
-    "altText": "Line chart showing GDP Growth from 2020 to 2021 with 4 series (US, UK, FR, DE) (8 data points)",
-    "dataTableFallback": [
-      [
-        "date",
-        "value",
-        "country",
-      ],
-      [
-        "2020-01-01",
-        10,
-        "US",
-      ],
-      [
-        "2021-01-01",
-        40,
-        "US",
-      ],
-      [
-        "2020-01-01",
-        15,
-        "UK",
-      ],
-      [
-        "2021-01-01",
-        35,
-        "UK",
-      ],
-      [
-        "2020-01-01",
-        8,
-        "FR",
-      ],
-      [
-        "2021-01-01",
-        22,
-        "FR",
-      ],
-      [
-        "2020-01-01",
-        12,
-        "DE",
-      ],
-      [
-        "2021-01-01",
-        28,
-        "DE",
-      ],
-    ],
-    "keyboardNavigable": true,
-    "role": "img",
-  },
-  "animation": undefined,
-  "annotations": [],
-  "area": {
-    "height": 305.4,
-    "width": 625.76115,
-    "x": 26,
-    "y": 105.2,
-  },
-  "axes": {
-    "x": undefined,
-    "y": {
-      "domainLine": false,
-      "end": {
-        "x": 26,
-        "y": 410.59999999999997,
-      },
-      "gridlines": [
-        {
-          "major": true,
-          "position": 391.51249999999993,
-        },
-        {
-          "major": true,
-          "position": 343.79375,
-        },
-        {
-          "major": true,
-          "position": 296.075,
-        },
-        {
-          "major": true,
-          "position": 248.35625,
-        },
-        {
-          "major": true,
-          "position": 200.6375,
-        },
-        {
-          "major": true,
-          "position": 152.91875,
-        },
-        {
-          "major": true,
-          "position": 105.2,
-        },
-      ],
-      "label": undefined,
-      "labelFlush": undefined,
-      "labelOverlap": undefined,
-      "labelPadding": undefined,
-      "labelStyle": {
-        "fill": "#09090b",
-        "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-        "fontSize": 13,
-        "fontWeight": 550,
-        "lineHeight": 1.3,
-      },
-      "offset": undefined,
-      "orient": undefined,
-      "start": {
-        "x": 26,
-        "y": 105.2,
-      },
-      "tickAngle": undefined,
-      "tickLabelStyle": {
-        "fill": "#71717a",
-        "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-        "fontSize": 11,
-        "fontVariant": "tabular-nums",
-        "fontWeight": 450,
-        "lineHeight": 1.2,
-      },
-      "tickMarks": false,
-      "tickPosition": "inline",
-      "ticks": [
-        {
-          "label": "10",
-          "position": 391.51249999999993,
-          "value": 10,
-        },
-        {
-          "label": "15",
-          "position": 343.79375,
-          "value": 15,
-        },
-        {
-          "label": "20",
-          "position": 296.075,
-          "value": 20,
-        },
-        {
-          "label": "25",
-          "position": 248.35625,
-          "value": 25,
-        },
-        {
-          "label": "30",
-          "position": 200.6375,
-          "value": 30,
-        },
-        {
-          "label": "35",
-          "position": 152.91875,
-          "value": 35,
-        },
-        {
-          "label": "40",
-          "position": 105.2,
-          "value": 40,
-        },
-      ],
-      "titlePadding": undefined,
-    },
-  },
-  "chrome": {
-    "bottomAnchorY": 436.59999999999997,
-    "bottomHeight": 43.4,
-    "source": {
-      "maxWidth": 755,
-      "style": {
-        "fill": "#71717a",
-        "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-        "fontSize": 11,
-        "fontWeight": 400,
-        "lineHeight": 1.4,
-        "textAnchor": "start",
-      },
-      "text": "World Bank",
-      "x": 20,
-      "y": 8,
-    },
-    "subtitle": {
-      "maxWidth": 755,
-      "style": {
-        "fill": "#71717a",
-        "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-        "fontSize": 14,
-        "fontWeight": 400,
-        "lineHeight": 1.45,
-        "textAnchor": "start",
-      },
-      "text": "Four-country comparison",
-      "x": 20,
-      "y": 53.9,
-    },
-    "title": {
-      "maxWidth": 755,
-      "style": {
-        "fill": "#09090b",
-        "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-        "fontSize": 26,
-        "fontWeight": 590,
-        "lineHeight": 1.15,
-        "textAnchor": "start",
-      },
-      "text": "GDP Growth",
-      "x": 20,
-      "y": 20,
-    },
-    "topHeight": 62.2,
-  },
-  "crosshair": true,
-  "dimensions": {
-    "height": 500,
-    "width": 800,
-  },
-  "display": "full",
-  "endpointLabels": {
-    "bounds": {
-      "height": 305.4,
-      "width": 48.95985,
-      "x": 669.76115,
-      "y": 105.2,
-    },
-    "entries": [
-      {
-        "color": "#06b6d4",
-        "dataY": 105.2,
-        "labelLines": [
-          "US",
-        ],
-        "labelY": 105.2,
-        "marker": {
-          "dataX": 651.76115,
-          "fill": "transparent",
-          "radius": 4,
-          "stroke": "#06b6d4",
-          "strokeWidth": 2,
-          "x": 655.76115,
-          "y": 105.2,
-        },
-        "seriesKey": "US",
-        "showLeader": false,
-        "value": "40",
-      },
-      {
-        "color": "#ee4a73",
-        "dataY": 152.91875,
-        "labelLines": [
-          "UK",
-        ],
-        "labelY": 146.41875,
-        "marker": {
-          "dataX": 651.76115,
-          "fill": "transparent",
-          "radius": 4,
-          "stroke": "#ee4a73",
-          "strokeWidth": 2,
-          "x": 655.76115,
-          "y": 152.91875,
-        },
-        "seriesKey": "UK",
-        "showLeader": false,
-        "value": "35",
-      },
-      {
-        "color": "#00b054",
-        "dataY": 276.98749999999995,
-        "labelLines": [
-          "FR",
-        ],
-        "labelY": 270.48749999999995,
-        "marker": {
-          "dataX": 651.76115,
-          "fill": "transparent",
-          "radius": 4,
-          "stroke": "#00b054",
-          "strokeWidth": 2,
-          "x": 655.76115,
-          "y": 276.98749999999995,
-        },
-        "seriesKey": "FR",
-        "showLeader": false,
-        "value": "22",
-      },
-      {
-        "color": "#a46bf5",
-        "dataY": 219.725,
-        "labelLines": [
-          "DE",
-        ],
-        "labelY": 213.225,
-        "marker": {
-          "dataX": 651.76115,
-          "fill": "transparent",
-          "radius": 4,
-          "stroke": "#a46bf5",
-          "strokeWidth": 2,
-          "x": 655.76115,
-          "y": 219.725,
-        },
-        "seriesKey": "DE",
-        "showLeader": false,
-        "value": "28",
-      },
-    ],
-    "gap": 8,
-    "labelStyle": {
-      "fill": "#09090b",
-      "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-      "fontSize": 13,
-      "fontWeight": 600,
-      "lineHeight": 1.25,
-    },
-    "leading": undefined,
-    "leadingBounds": undefined,
-    "swatchChipFill": "rgba(0,0,0,0.04)",
-    "swatchSize": 18,
-    "valueGap": 4,
-    "valueStyle": {
-      "fill": "#71717a",
-      "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-      "fontSize": 12,
-      "fontVariant": "tabular-nums",
-      "fontWeight": 400,
-      "lineHeight": 1.25,
-    },
-  },
-  "legend": {
-    "bounds": {
-      "height": 85.2,
-      "width": 49.278999999999996,
-      "x": 659.76115,
-      "y": 105.2,
-    },
-    "entries": [
-      {
-        "active": true,
-        "color": "#06b6d4",
-        "label": "US",
-        "shape": "line",
-      },
-      {
-        "active": true,
-        "color": "#ee4a73",
-        "label": "UK",
-        "shape": "line",
-      },
-      {
-        "active": true,
-        "color": "#00b054",
-        "label": "FR",
-        "shape": "line",
-      },
-      {
-        "active": true,
-        "color": "#a46bf5",
-        "label": "DE",
-        "shape": "line",
-      },
-    ],
-    "entryGap": 4,
-    "entryPositions": [
-      {
-        "labelX": 677.76115,
-        "labelY": 111.2,
-        "row": 0,
-        "width": 37.278999999999996,
-        "x": 659.76115,
-        "y": 105.2,
-      },
-      {
-        "labelX": 677.76115,
-        "labelY": 129.5,
-        "row": 1,
-        "width": 37.278999999999996,
-        "x": 659.76115,
-        "y": 123.5,
-      },
-      {
-        "labelX": 677.76115,
-        "labelY": 147.8,
-        "row": 2,
-        "width": 36.663,
-        "x": 659.76115,
-        "y": 141.8,
-      },
-      {
-        "labelX": 677.76115,
-        "labelY": 166.10000000000002,
-        "row": 3,
-        "width": 37.278999999999996,
-        "x": 659.76115,
-        "y": 160.10000000000002,
-      },
-    ],
-    "labelStyle": {
-      "fill": "#09090b",
-      "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-      "fontSize": 11,
-      "fontWeight": 450,
-      "lineHeight": 1.3,
-    },
-    "position": "right",
-    "rowHeight": 18.3,
-    "swatchChipFill": "rgba(0,0,0,0.04)",
-    "swatchGap": 6,
-    "swatchSize": 12,
-    "type": "categorical",
-  },
-  "legends": [
-    {
-      "bounds": {
-        "height": 85.2,
-        "width": 49.278999999999996,
-        "x": 659.76115,
-        "y": 105.2,
-      },
-      "entries": [
-        {
-          "active": true,
-          "color": "#06b6d4",
-          "label": "US",
-          "shape": "line",
-        },
-        {
-          "active": true,
-          "color": "#ee4a73",
-          "label": "UK",
-          "shape": "line",
-        },
-        {
-          "active": true,
-          "color": "#00b054",
-          "label": "FR",
-          "shape": "line",
-        },
-        {
-          "active": true,
-          "color": "#a46bf5",
-          "label": "DE",
-          "shape": "line",
-        },
-      ],
-      "entryGap": 4,
-      "entryPositions": [
-        {
-          "labelX": 677.76115,
-          "labelY": 111.2,
-          "row": 0,
-          "width": 37.278999999999996,
-          "x": 659.76115,
-          "y": 105.2,
-        },
-        {
-          "labelX": 677.76115,
-          "labelY": 129.5,
-          "row": 1,
-          "width": 37.278999999999996,
-          "x": 659.76115,
-          "y": 123.5,
-        },
-        {
-          "labelX": 677.76115,
-          "labelY": 147.8,
-          "row": 2,
-          "width": 36.663,
-          "x": 659.76115,
-          "y": 141.8,
-        },
-        {
-          "labelX": 677.76115,
-          "labelY": 166.10000000000002,
-          "row": 3,
-          "width": 37.278999999999996,
-          "x": 659.76115,
-          "y": 160.10000000000002,
-        },
-      ],
-      "labelStyle": {
-        "fill": "#09090b",
-        "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-        "fontSize": 11,
-        "fontWeight": 450,
-        "lineHeight": 1.3,
-      },
-      "position": "right",
-      "rowHeight": 18.3,
-      "swatchChipFill": "rgba(0,0,0,0.04)",
-      "swatchGap": 6,
-      "swatchSize": 12,
-      "type": "categorical",
-    },
-  ],
-  "marks": [
-    {
-      "aria": {
-        "label": "US: line with 2 data points",
-      },
-      "data": [
-        {
-          "country": "US",
-          "date": "2020-01-01",
-          "value": 10,
-        },
-        {
-          "country": "US",
-          "date": "2021-01-01",
-          "value": 40,
-        },
-      ],
-      "dataPoints": [
-        {
-          "datum": {
-            "country": "US",
-            "date": "2020-01-01",
-            "value": 10,
-          },
-          "tooltip": {
-            "fields": [
-              {
-                "color": "#06b6d4",
-                "label": "country",
-                "value": "US",
-              },
-              {
-                "color": undefined,
-                "label": "value",
-                "value": "10",
-              },
-              {
-                "label": "date",
-                "value": "2020",
-              },
-            ],
-            "title": "2020",
-          },
-          "x": 47,
-          "y": 391.51249999999993,
-        },
-        {
-          "datum": {
-            "country": "US",
-            "date": "2021-01-01",
-            "value": 40,
-          },
-          "tooltip": {
-            "fields": [
-              {
-                "color": "#06b6d4",
-                "label": "country",
-                "value": "US",
-              },
-              {
-                "color": undefined,
-                "label": "value",
-                "value": "40",
-              },
-              {
-                "label": "date",
-                "value": "2021",
-              },
-            ],
-            "title": "2021",
-          },
-          "x": 651.76115,
-          "y": 105.2,
-        },
-      ],
-      "interpolate": "monotone",
-      "key": "US",
-      "opacity": undefined,
-      "path": "M47,391.512L651.761,105.2",
-      "pointKeys": [
-        "2020-01-01",
-        "2021-01-01",
-      ],
-      "points": [
-        {
-          "x": 47,
-          "y": 391.51249999999993,
-        },
-        {
-          "x": 651.76115,
-          "y": 105.2,
-        },
-      ],
-      "seriesKey": "US",
-      "stroke": "#06b6d4",
-      "strokeDasharray": undefined,
-      "strokeWidth": 1.5,
-      "type": "line",
-    },
-    {
-      "aria": {
-        "label": "UK: line with 2 data points",
-      },
-      "data": [
-        {
-          "country": "UK",
-          "date": "2020-01-01",
-          "value": 15,
-        },
-        {
-          "country": "UK",
-          "date": "2021-01-01",
-          "value": 35,
-        },
-      ],
-      "dataPoints": [
-        {
-          "datum": {
-            "country": "UK",
-            "date": "2020-01-01",
-            "value": 15,
-          },
-          "tooltip": {
-            "fields": [
-              {
-                "color": "#ee4a73",
-                "label": "country",
-                "value": "UK",
-              },
-              {
-                "color": undefined,
-                "label": "value",
-                "value": "15",
-              },
-              {
-                "label": "date",
-                "value": "2020",
-              },
-            ],
-            "title": "2020",
-          },
-          "x": 47,
-          "y": 343.79375,
-        },
-        {
-          "datum": {
-            "country": "UK",
-            "date": "2021-01-01",
-            "value": 35,
-          },
-          "tooltip": {
-            "fields": [
-              {
-                "color": "#ee4a73",
-                "label": "country",
-                "value": "UK",
-              },
-              {
-                "color": undefined,
-                "label": "value",
-                "value": "35",
-              },
-              {
-                "label": "date",
-                "value": "2021",
-              },
-            ],
-            "title": "2021",
-          },
-          "x": 651.76115,
-          "y": 152.91875,
-        },
-      ],
-      "interpolate": "monotone",
-      "key": "UK",
-      "opacity": undefined,
-      "path": "M47,343.794L651.761,152.919",
-      "pointKeys": [
-        "2020-01-01",
-        "2021-01-01",
-      ],
-      "points": [
-        {
-          "x": 47,
-          "y": 343.79375,
-        },
-        {
-          "x": 651.76115,
-          "y": 152.91875,
-        },
-      ],
-      "seriesKey": "UK",
-      "stroke": "#ee4a73",
-      "strokeDasharray": undefined,
-      "strokeWidth": 1.5,
-      "type": "line",
-    },
-    {
-      "aria": {
-        "label": "FR: line with 2 data points",
-      },
-      "data": [
-        {
-          "country": "FR",
-          "date": "2020-01-01",
-          "value": 8,
-        },
-        {
-          "country": "FR",
-          "date": "2021-01-01",
-          "value": 22,
-        },
-      ],
-      "dataPoints": [
-        {
-          "datum": {
-            "country": "FR",
-            "date": "2020-01-01",
-            "value": 8,
-          },
-          "tooltip": {
-            "fields": [
-              {
-                "color": "#00b054",
-                "label": "country",
-                "value": "FR",
-              },
-              {
-                "color": undefined,
-                "label": "value",
-                "value": "8",
-              },
-              {
-                "label": "date",
-                "value": "2020",
-              },
-            ],
-            "title": "2020",
-          },
-          "x": 47,
-          "y": 410.59999999999997,
-        },
-        {
-          "datum": {
-            "country": "FR",
-            "date": "2021-01-01",
-            "value": 22,
-          },
-          "tooltip": {
-            "fields": [
-              {
-                "color": "#00b054",
-                "label": "country",
-                "value": "FR",
-              },
-              {
-                "color": undefined,
-                "label": "value",
-                "value": "22",
-              },
-              {
-                "label": "date",
-                "value": "2021",
-              },
-            ],
-            "title": "2021",
-          },
-          "x": 651.76115,
-          "y": 276.98749999999995,
-        },
-      ],
-      "interpolate": "monotone",
-      "key": "FR",
-      "opacity": undefined,
-      "path": "M47,410.6L651.761,276.987",
-      "pointKeys": [
-        "2020-01-01",
-        "2021-01-01",
-      ],
-      "points": [
-        {
-          "x": 47,
-          "y": 410.59999999999997,
-        },
-        {
-          "x": 651.76115,
-          "y": 276.98749999999995,
-        },
-      ],
-      "seriesKey": "FR",
-      "stroke": "#00b054",
-      "strokeDasharray": undefined,
-      "strokeWidth": 1.5,
-      "type": "line",
-    },
-    {
-      "aria": {
-        "label": "DE: line with 2 data points",
-      },
-      "data": [
-        {
-          "country": "DE",
-          "date": "2020-01-01",
-          "value": 12,
-        },
-        {
-          "country": "DE",
-          "date": "2021-01-01",
-          "value": 28,
-        },
-      ],
-      "dataPoints": [
-        {
-          "datum": {
-            "country": "DE",
-            "date": "2020-01-01",
-            "value": 12,
-          },
-          "tooltip": {
-            "fields": [
-              {
-                "color": "#a46bf5",
-                "label": "country",
-                "value": "DE",
-              },
-              {
-                "color": undefined,
-                "label": "value",
-                "value": "12",
-              },
-              {
-                "label": "date",
-                "value": "2020",
-              },
-            ],
-            "title": "2020",
-          },
-          "x": 47,
-          "y": 372.42499999999995,
-        },
-        {
-          "datum": {
-            "country": "DE",
-            "date": "2021-01-01",
-            "value": 28,
-          },
-          "tooltip": {
-            "fields": [
-              {
-                "color": "#a46bf5",
-                "label": "country",
-                "value": "DE",
-              },
-              {
-                "color": undefined,
-                "label": "value",
-                "value": "28",
-              },
-              {
-                "label": "date",
-                "value": "2021",
-              },
-            ],
-            "title": "2021",
-          },
-          "x": 651.76115,
-          "y": 219.725,
-        },
-      ],
-      "interpolate": "monotone",
-      "key": "DE",
-      "opacity": undefined,
-      "path": "M47,372.425L651.761,219.725",
-      "pointKeys": [
-        "2020-01-01",
-        "2021-01-01",
-      ],
-      "points": [
-        {
-          "x": 47,
-          "y": 372.42499999999995,
-        },
-        {
-          "x": 651.76115,
-          "y": 219.725,
-        },
-      ],
-      "seriesKey": "DE",
-      "stroke": "#a46bf5",
-      "strokeDasharray": undefined,
-      "strokeWidth": 1.5,
-      "type": "line",
-    },
-  ],
-  "metrics": undefined,
-  "theme": {
-    "_tokenPairs": undefined,
-    "borderRadius": 2,
-    "chrome": {
-      "byline": {
-        "color": "#71717a",
-        "fontSize": 11,
-        "fontWeight": 400,
-        "lineHeight": 1.4,
-      },
-      "eyebrow": {
-        "color": "#06b6d4",
-        "fontSize": 11,
-        "fontWeight": 510,
-        "lineHeight": 1.4,
-      },
-      "footer": {
-        "color": "#71717a",
-        "fontSize": 11,
-        "fontWeight": 400,
-        "lineHeight": 1.4,
-      },
-      "source": {
-        "color": "#71717a",
-        "fontSize": 11,
-        "fontWeight": 400,
-        "lineHeight": 1.4,
-      },
-      "subtitle": {
-        "color": "#71717a",
-        "fontSize": 14,
-        "fontWeight": 400,
-        "lineHeight": 1.45,
-      },
-      "title": {
-        "color": "#09090b",
-        "fontSize": 26,
-        "fontWeight": 590,
-        "lineHeight": 1.15,
-      },
-    },
-    "colors": {
-      "annotationFill": "rgba(0,0,0,0.04)",
-      "annotationText": "#71717a",
-      "axis": "#71717a",
-      "background": "transparent",
-      "categorical": [
-        "#06b6d4",
-        "#ee4a73",
-        "#00b054",
-        "#a46bf5",
-        "#e07d00",
-        "#0091ff",
-        "#f36000",
-        "#6f7dff",
-        "#00afbf",
-      ],
-      "diverging": {
-        "brownTeal": [
-          "#8c510a",
-          "#bf812d",
-          "#dfc27d",
-          "#f6e8c3",
-          "#80cdc1",
-          "#35978f",
-          "#01665e",
-        ],
-        "redBlue": [
-          "#b2182b",
-          "#d6604d",
-          "#f4a582",
-          "#f7f7f7",
-          "#92c5de",
-          "#4393c3",
-          "#2166ac",
-        ],
-      },
-      "gridline": "rgba(0,0,0,0.1)",
-      "negative": "#dc2626",
-      "positive": "#16a34a",
-      "sequential": {
-        "blue": [
-          "#deebf7",
-          "#c6dbef",
-          "#9ecae1",
-          "#6baed6",
-          "#3182bd",
-          "#08519c",
-        ],
-        "green": [
-          "#e5f5e0",
-          "#c7e9c0",
-          "#a1d99b",
-          "#74c476",
-          "#31a354",
-          "#006d2c",
-        ],
-        "orange": [
-          "#fee6ce",
-          "#fdd0a2",
-          "#fdae6b",
-          "#fd8d3c",
-          "#e6550d",
-          "#a63603",
-        ],
-        "purple": [
-          "#efedf5",
-          "#dadaeb",
-          "#bcbddc",
-          "#9e9ac8",
-          "#756bb1",
-          "#54278f",
-        ],
-        "teal": [
-          "#06b6d4",
-          "#05a3be",
-          "#0490a8",
-          "#037d92",
-          "#026a7c",
-          "#015766",
-          "#004450",
-        ],
-      },
-      "text": "#09090b",
-    },
-    "fonts": {
-      "family": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-      "mono": ""JetBrains Mono", "Fira Code", "Cascadia Code", monospace",
-      "sizes": {
-        "axisTick": 11,
-        "body": 13,
-        "metricLabel": 10,
-        "metricValue": 22,
-        "small": 11,
-        "subtitle": 14,
-        "title": 26,
-      },
-      "weights": {
-        "bold": 700,
-        "medium": 550,
-        "normal": 450,
-        "semibold": 590,
-      },
-    },
-    "isDark": false,
-    "seriesStrategy": "palette",
-    "spacing": {
-      "axisMargin": 6,
-      "chartToFooter": 8,
-      "chromeGap": 4,
-      "chromeToChart": 8,
-      "padding": 20,
-      "xAxisHeight": 26,
-      "xAxisLabelPadding": 4,
-    },
-  },
-  "tooltipDescriptors": [],
-  "watermark": false,
-}
-`;
-exports[`compileChart snapshot (Step 7 oracle) > watermarked column chart with gradient fill 1`] = `
-{
-  "a11y": {
-    "altText": "Bar chart showing Gradient Columns across 4 categories (4 data points)",
-    "dataTableFallback": [
-      [
-        "category",
-        "score",
-      ],
-      [
-        "A",
-        30,
-      ],
-      [
-        "B",
-        55,
-      ],
-      [
-        "C",
-        70,
-      ],
-      [
-        "D",
-        45,
-      ],
-    ],
-    "keyboardNavigable": true,
-    "role": "img",
-  },
-  "animation": undefined,
-  "annotations": [],
-  "area": {
-    "height": 236.3,
-    "width": 537.768,
-    "x": 39.232,
-    "y": 60.9,
-  },
-  "axes": {
-    "x": {
-      "domainLine": undefined,
-      "end": {
-        "x": 577,
-        "y": 297.2,
-      },
-      "extent": 26,
-      "gridlines": [],
-      "label": undefined,
-      "labelFlush": undefined,
-      "labelOverlap": undefined,
-      "labelPadding": undefined,
-      "labelStyle": {
-        "fill": "#09090b",
-        "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-        "fontSize": 13,
-        "fontWeight": 550,
-        "lineHeight": 1.3,
-      },
-      "offset": undefined,
-      "orient": undefined,
-      "start": {
-        "x": 39.232,
-        "y": 297.2,
-      },
-      "tickAngle": undefined,
-      "tickLabelStyle": {
-        "fill": "#71717a",
-        "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-        "fontSize": 11,
-        "fontVariant": "tabular-nums",
-        "fontWeight": 450,
-        "lineHeight": 1.2,
-      },
-      "tickMarks": undefined,
-      "tickPosition": "gutter",
-      "ticks": [
-        {
-          "label": "A",
-          "position": 122.67875862068962,
-          "value": "A",
-        },
-        {
-          "label": "B",
-          "position": 246.30358620689654,
-          "value": "B",
-        },
-        {
-          "label": "C",
-          "position": 369.92841379310346,
-          "value": "C",
-        },
-        {
-          "label": "D",
-          "position": 493.55324137931035,
-          "value": "D",
-        },
-      ],
-      "titlePadding": undefined,
-    },
-    "y": {
-      "domainLine": undefined,
-      "end": {
-        "x": 39.232,
-        "y": 297.2,
-      },
-      "gridlines": [
-        {
-          "major": true,
-          "position": 297.2,
-        },
-        {
-          "major": true,
-          "position": 263.4428571428572,
-        },
-        {
-          "major": true,
-          "position": 229.68571428571428,
-        },
-        {
-          "major": true,
-          "position": 195.92857142857142,
-        },
-        {
-          "major": true,
-          "position": 162.17142857142858,
-        },
-        {
-          "major": true,
-          "position": 128.4142857142857,
-        },
-        {
-          "major": true,
-          "position": 94.65714285714287,
-        },
-        {
-          "major": true,
-          "position": 60.9,
-        },
-      ],
-      "label": undefined,
-      "labelFlush": undefined,
-      "labelOverlap": undefined,
-      "labelPadding": undefined,
-      "labelStyle": {
-        "fill": "#09090b",
-        "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-        "fontSize": 13,
-        "fontWeight": 550,
-        "lineHeight": 1.3,
-      },
-      "offset": undefined,
-      "orient": undefined,
-      "start": {
-        "x": 39.232,
-        "y": 60.9,
-      },
-      "tickAngle": undefined,
-      "tickLabelStyle": {
-        "fill": "#71717a",
-        "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-        "fontSize": 11,
-        "fontVariant": "tabular-nums",
-        "fontWeight": 450,
-        "lineHeight": 1.2,
-      },
-      "tickMarks": undefined,
-      "tickPosition": "gutter",
-      "ticks": [
-        {
-          "label": "0",
-          "position": 297.2,
-          "value": 0,
-        },
-        {
-          "label": "10",
-          "position": 263.4428571428572,
-          "value": 10,
-        },
-        {
-          "label": "20",
-          "position": 229.68571428571428,
-          "value": 20,
-        },
-        {
-          "label": "30",
-          "position": 195.92857142857142,
-          "value": 30,
-        },
-        {
-          "label": "40",
-          "position": 162.17142857142858,
-          "value": 40,
-        },
-        {
-          "label": "50",
-          "position": 128.4142857142857,
-          "value": 50,
-        },
-        {
-          "label": "60",
-          "position": 94.65714285714287,
-          "value": 60,
-        },
-        {
-          "label": "70",
-          "position": 60.9,
-          "value": 70,
-        },
-      ],
-      "titlePadding": undefined,
-    },
-  },
-  "chrome": {
-    "bottomAnchorY": 323.2,
-    "bottomHeight": 59.8,
-    "byline": {
-      "maxWidth": 431,
-      "style": {
-        "fill": "#71717a",
-        "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-        "fontSize": 11,
-        "fontWeight": 400,
-        "lineHeight": 1.4,
-        "textAnchor": "start",
-      },
-      "text": "By the engine",
-      "x": 17,
-      "y": 27.4,
-    },
-    "source": {
-      "maxWidth": 431,
-      "style": {
-        "fill": "#71717a",
-        "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-        "fontSize": 11,
-        "fontWeight": 400,
-        "lineHeight": 1.4,
-        "textAnchor": "start",
-      },
-      "text": "Test data",
-      "x": 17,
-      "y": 8,
-    },
-    "title": {
-      "maxWidth": 561,
-      "style": {
-        "fill": "#09090b",
-        "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-        "fontSize": 26,
-        "fontWeight": 590,
-        "lineHeight": 1.15,
-        "textAnchor": "start",
-      },
-      "text": "Gradient Columns",
-      "x": 17,
-      "y": 17,
-    },
-    "topHeight": 37.9,
-  },
-  "crosshair": false,
-  "dimensions": {
-    "height": 400,
-    "width": 600,
-  },
-  "display": "full",
-  "legend": {
-    "bounds": {
-      "height": 0,
-      "width": 0,
-      "x": 0,
-      "y": 0,
-    },
-    "entries": [],
-    "entryGap": 16,
-    "labelStyle": {
-      "fill": "#09090b",
-      "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-      "fontSize": 11,
-      "fontWeight": 450,
-      "lineHeight": 1.3,
-    },
-    "position": "top",
-    "swatchChipFill": "rgba(0,0,0,0.04)",
-    "swatchGap": 6,
-    "swatchSize": 12,
-    "type": "categorical",
-  },
-  "legends": [
-    {
-      "bounds": {
-        "height": 0,
-        "width": 0,
-        "x": 0,
-        "y": 0,
-      },
-      "entries": [],
-      "entryGap": 16,
-      "labelStyle": {
-        "fill": "#09090b",
-        "fontFamily": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-        "fontSize": 11,
-        "fontWeight": 450,
-        "lineHeight": 1.3,
-      },
-      "position": "top",
-      "swatchChipFill": "rgba(0,0,0,0.04)",
-      "swatchGap": 6,
-      "swatchSize": 12,
-      "type": "categorical",
-    },
-  ],
-  "marks": [
-    {
-      "aria": {
-        "label": "A: 30",
-      },
-      "cornerRadius": 2,
-      "data": {
-        "category": "A",
-        "score": 30,
-      },
-      "fill": {
-        "stops": [
-          {
-            "color": "#ff0000",
-            "offset": 0,
-          },
-          {
-            "color": "#0000ff",
-            "offset": 1,
-          },
-        ],
-        "type": "linear",
-      },
-      "height": 101.27142857142857,
-      "key": "|A",
-      "label": {
-        "connector": undefined,
-        "style": {
-          "fill": "#0000ff",
-          "fontFamily": "system-ui, -apple-system, sans-serif",
-          "fontSize": 10,
-          "fontVariant": "tabular-nums",
-          "fontWeight": 600,
-          "lineHeight": 1.2,
-          "textAnchor": "middle",
-        },
-        "text": "30",
-        "visible": true,
-        "x": 122.67875862068962,
-        "y": 183.92857142857142,
-      },
-      "orient": "vertical",
-      "type": "rect",
-      "width": 80.3561379310345,
-      "x": 82.50068965517238,
-      "y": 195.92857142857142,
-    },
-    {
-      "aria": {
-        "label": "B: 55",
-      },
-      "cornerRadius": 2,
-      "data": {
-        "category": "B",
-        "score": 55,
-      },
-      "fill": {
-        "stops": [
-          {
-            "color": "#ff0000",
-            "offset": 0,
-          },
-          {
-            "color": "#0000ff",
-            "offset": 1,
-          },
-        ],
-        "type": "linear",
-      },
-      "height": 185.6642857142857,
-      "key": "|B",
-      "label": {
-        "connector": undefined,
-        "style": {
-          "fill": "#0000ff",
-          "fontFamily": "system-ui, -apple-system, sans-serif",
-          "fontSize": 10,
-          "fontVariant": "tabular-nums",
-          "fontWeight": 600,
-          "lineHeight": 1.2,
-          "textAnchor": "middle",
-        },
-        "text": "55",
-        "visible": true,
-        "x": 246.30358620689654,
-        "y": 99.53571428571429,
-      },
-      "orient": "vertical",
-      "type": "rect",
-      "width": 80.3561379310345,
-      "x": 206.1255172413793,
-      "y": 111.53571428571429,
-    },
-    {
-      "aria": {
-        "label": "C: 70",
-      },
-      "cornerRadius": 2,
-      "data": {
-        "category": "C",
-        "score": 70,
-      },
-      "fill": {
-        "stops": [
-          {
-            "color": "#ff0000",
-            "offset": 0,
-          },
-          {
-            "color": "#0000ff",
-            "offset": 1,
-          },
-        ],
-        "type": "linear",
-      },
-      "height": 236.29999999999998,
-      "key": "|C",
-      "label": {
-        "connector": undefined,
-        "style": {
-          "fill": "#0000ff",
-          "fontFamily": "system-ui, -apple-system, sans-serif",
-          "fontSize": 10,
-          "fontVariant": "tabular-nums",
-          "fontWeight": 600,
-          "lineHeight": 1.2,
-          "textAnchor": "middle",
-        },
-        "text": "70",
-        "visible": true,
-        "x": 369.92841379310346,
-        "y": 48.9,
-      },
-      "orient": "vertical",
-      "type": "rect",
-      "width": 80.3561379310345,
-      "x": 329.7503448275862,
-      "y": 60.9,
-    },
-    {
-      "aria": {
-        "label": "D: 45",
-      },
-      "cornerRadius": 2,
-      "data": {
-        "category": "D",
-        "score": 45,
-      },
-      "fill": {
-        "stops": [
-          {
-            "color": "#ff0000",
-            "offset": 0,
-          },
-          {
-            "color": "#0000ff",
-            "offset": 1,
-          },
-        ],
-        "type": "linear",
-      },
-      "height": 151.90714285714287,
-      "key": "|D",
-      "label": {
-        "connector": undefined,
-        "style": {
-          "fill": "#0000ff",
-          "fontFamily": "system-ui, -apple-system, sans-serif",
-          "fontSize": 10,
-          "fontVariant": "tabular-nums",
-          "fontWeight": 600,
-          "lineHeight": 1.2,
-          "textAnchor": "middle",
-        },
-        "text": "45",
-        "visible": true,
-        "x": 493.55324137931035,
-        "y": 133.29285714285712,
-      },
-      "orient": "vertical",
-      "type": "rect",
-      "width": 80.3561379310345,
-      "x": 453.3751724137931,
-      "y": 145.29285714285712,
-    },
-  ],
-  "metrics": undefined,
-  "theme": {
-    "_tokenPairs": undefined,
-    "borderRadius": 2,
-    "chrome": {
-      "byline": {
-        "color": "#71717a",
-        "fontSize": 11,
-        "fontWeight": 400,
-        "lineHeight": 1.4,
-      },
-      "eyebrow": {
-        "color": "#06b6d4",
-        "fontSize": 11,
-        "fontWeight": 510,
-        "lineHeight": 1.4,
-      },
-      "footer": {
-        "color": "#71717a",
-        "fontSize": 11,
-        "fontWeight": 400,
-        "lineHeight": 1.4,
-      },
-      "source": {
-        "color": "#71717a",
-        "fontSize": 11,
-        "fontWeight": 400,
-        "lineHeight": 1.4,
-      },
-      "subtitle": {
-        "color": "#71717a",
-        "fontSize": 14,
-        "fontWeight": 400,
-        "lineHeight": 1.45,
-      },
-      "title": {
-        "color": "#09090b",
-        "fontSize": 26,
-        "fontWeight": 590,
-        "lineHeight": 1.15,
-      },
-    },
-    "colors": {
-      "annotationFill": "rgba(0,0,0,0.04)",
-      "annotationText": "#71717a",
-      "axis": "#71717a",
-      "background": "transparent",
-      "categorical": [
-        "#06b6d4",
-        "#ee4a73",
-        "#00b054",
-        "#a46bf5",
-        "#e07d00",
-        "#0091ff",
-        "#f36000",
-        "#6f7dff",
-        "#00afbf",
-      ],
-      "diverging": {
-        "brownTeal": [
-          "#8c510a",
-          "#bf812d",
-          "#dfc27d",
-          "#f6e8c3",
-          "#80cdc1",
-          "#35978f",
-          "#01665e",
-        ],
-        "redBlue": [
-          "#b2182b",
-          "#d6604d",
-          "#f4a582",
-          "#f7f7f7",
-          "#92c5de",
-          "#4393c3",
-          "#2166ac",
-        ],
-      },
-      "gridline": "rgba(0,0,0,0.1)",
-      "negative": "#dc2626",
-      "positive": "#16a34a",
-      "sequential": {
-        "blue": [
-          "#deebf7",
-          "#c6dbef",
-          "#9ecae1",
-          "#6baed6",
-          "#3182bd",
-          "#08519c",
-        ],
-        "green": [
-          "#e5f5e0",
-          "#c7e9c0",
-          "#a1d99b",
-          "#74c476",
-          "#31a354",
-          "#006d2c",
-        ],
-        "orange": [
-          "#fee6ce",
-          "#fdd0a2",
-          "#fdae6b",
-          "#fd8d3c",
-          "#e6550d",
-          "#a63603",
-        ],
-        "purple": [
-          "#efedf5",
-          "#dadaeb",
-          "#bcbddc",
-          "#9e9ac8",
-          "#756bb1",
-          "#54278f",
-        ],
-        "teal": [
-          "#06b6d4",
-          "#05a3be",
-          "#0490a8",
-          "#037d92",
-          "#026a7c",
-          "#015766",
-          "#004450",
-        ],
-      },
-      "text": "#09090b",
-    },
-    "fonts": {
-      "family": ""Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif",
-      "mono": ""JetBrains Mono", "Fira Code", "Cascadia Code", monospace",
-      "sizes": {
-        "axisTick": 11,
-        "body": 13,
-        "metricLabel": 10,
-        "metricValue": 22,
-        "small": 11,
-        "subtitle": 14,
-        "title": 26,
-      },
-      "weights": {
-        "bold": 700,
-        "medium": 550,
-        "normal": 450,
-        "semibold": 590,
-      },
-    },
-    "isDark": false,
-    "seriesStrategy": "palette",
-    "spacing": {
-      "axisMargin": 6,
-      "chartToFooter": 8,
-      "chromeGap": 4,
-      "chromeToChart": 8,
-      "padding": 20,
-      "xAxisHeight": 26,
-      "xAxisLabelPadding": 4,
-    },
-  },
-  "tooltipDescriptors": [
-    [
-      "rect-0",
-      {
-        "fields": [
-          {
-            "color": "#0000ff",
-            "label": "score",
-            "value": "30",
-          },
-          {
-            "label": "category",
-            "value": "A",
-          },
-        ],
-        "title": "A",
-      },
-    ],
-    [
-      "rect-1",
-      {
-        "fields": [
-          {
-            "color": "#0000ff",
-            "label": "score",
-            "value": "55",
-          },
-          {
-            "label": "category",
-            "value": "B",
-          },
-        ],
-        "title": "B",
-      },
-    ],
-    [
-      "rect-2",
-      {
-        "fields": [
-          {
-            "color": "#0000ff",
-            "label": "score",
-            "value": "70",
-          },
-          {
-            "label": "category",
-            "value": "C",
-          },
-        ],
-        "title": "C",
-      },
-    ],
-    [
-      "rect-3",
-      {
-        "fields": [
-          {
-            "color": "#0000ff",
-            "label": "score",
-            "value": "45",
-          },
-          {
-            "label": "category",
-            "value": "D",
-          },
-        ],
-        "title": "D",
-      },
-    ],
-  ],
-  "watermark": true,
-}
-`;