Migrate from Chart.js

Chart.js40 lines

 1{
 2  type: 'bar',
 3  data: {
 4    labels: ['Q1', 'Q2', 'Q3', 'Q4'],
 5    datasets: [
 6      {
 7        label: 'Product',
 8        data: [12, 19, 15, 22]
 9      },
10      {
11        label: 'Services',
12        data: [8, 11, 9, 14]
13      },
14      {
15        label: 'Licensing',
16        data: [3, 5, 5, 6]
17      }
18    ]
19  },
20  options: {
21    plugins: {
22      title: {
23        display: true,
24        text: 'Revenue by Stream'
25      },
26      subtitle: {
27        display: true,
28        text: 'FY 2025, millions'
29      }
30    },
31    scales: {
32      y: {
33        title: {
34          display: true,
35          text: 'Revenue ($M)'
36        }
37      }
38    }
39  }
40}

szum

78 lines

 1{
 2  "version": "2026-03-20",
 3  "theme": "editorial",
 4  "title": "Revenue by Stream",
 5  "subtitle": "FY 2025, millions",
 6  "y": {
 7    "label": "Revenue ($M)"
 8  },
 9  "marks": [
10    {
11      "type": "barY",
12      "data": [
13        {
14          "x": "Q1",
15          "y": 12,
16          "category": "Product"
17        },
18        {
19          "x": "Q2",
20          "y": 19,
21          "category": "Product"
22        },
23        {
24          "x": "Q3",
25          "y": 15,
26          "category": "Product"
27        },
28        {
29          "x": "Q4",
30          "y": 22,
31          "category": "Product"
32        },
33        {
34          "x": "Q1",
35          "y": 8,
36          "category": "Services"
37        },
38        {
39          "x": "Q2",
40          "y": 11,
41          "category": "Services"
42        },
43        {
44          "x": "Q3",
45          "y": 9,
46          "category": "Services"
47        },
48        {
49          "x": "Q4",
50          "y": 14,
51          "category": "Services"
52        },
53        {
54          "x": "Q1",
55          "y": 3,
56          "category": "Licensing"
57        },
58        {
59          "x": "Q2",
60          "y": 5,
61          "category": "Licensing"
62        },
63        {
64          "x": "Q3",
65          "y": 5,
66          "category": "Licensing"
67        },
68        {
69          "x": "Q4",
70          "y": 6,
71          "category": "Licensing"
72        }
73      ],
74      "fill": "category",
75      "group": "dodge"
76    }
77  ]
78}