DonutChart

{
  "version": "1.0",
  "state": {
    "salesData": {
      "type": "list",
      "initial": [
        { "month": "Jan", "value": 12 },
        { "month": "Feb", "value": 19 },
        { "month": "Mar", "value": 15 },
        { "month": "Apr", "value": 25 },
        { "month": "May", "value": 22 }
      ]
    }
  },
  "actions": [],
  "view": {
    "kind": "component",
    "name": "DonutChart",
    "props": {
      "data": { "expr": "state", "name": "salesData" },
      "valueKey": { "expr": "lit", "value": "value" },
      "labelKey": { "expr": "lit", "value": "month" },
      "width": { "expr": "lit", "value": 400 },
      "height": { "expr": "lit", "value": 300 },
      "showLabels": { "expr": "lit", "value": true }
    }
  }
}