@opendata-ai/openchart-engine 8.0.0-rc.12 → 8.0.0-rc.3

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

@@ -0,0 +1,2339 @@
+// 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,
+}
+`;