{
  "version": 1,
  "width": 720,
  "height": 400,
  "title": "Donut chart",
  "description": "Show one dominant proportion and its complement. All values are illustrative example data.",
  "elements": [
    {
      "type": "text",
      "x": 36,
      "y": 39,
      "text": "Cache outcomes",
      "size": 17,
      "fill": "ink",
      "align": "start",
      "mono": false
    },
    {
      "type": "text",
      "x": 36,
      "y": 62,
      "text": "Illustrative sample · 100 requests",
      "size": 11,
      "fill": "muted",
      "align": "start",
      "mono": true
    },
    {
      "type": "circle",
      "x": 250,
      "y": 220,
      "r": 102,
      "fill": "rule",
      "stroke": "none"
    },
    {
      "type": "path",
      "d": "M250 118 A102 102 0 1 1 152.992 188.48 L170.111 194.043 A84 84 0 1 0 250 136 Z",
      "stroke": "none",
      "fill": "accent",
      "arrow": false
    },
    {
      "type": "circle",
      "x": 250,
      "y": 220,
      "r": 84,
      "fill": "surface",
      "stroke": "none"
    },
    {
      "type": "text",
      "x": 250,
      "y": 220,
      "text": "80%",
      "size": 37,
      "fill": "ink",
      "align": "middle",
      "mono": false
    },
    {
      "type": "text",
      "x": 250,
      "y": 246,
      "text": "cache hits",
      "size": 13,
      "fill": "muted",
      "align": "middle",
      "mono": false
    },
    {
      "type": "box",
      "x": 452,
      "y": 163,
      "w": 12,
      "h": 12,
      "fill": "accent",
      "stroke": "none",
      "dashed": false
    },
    {
      "type": "text",
      "x": 477,
      "y": 175,
      "text": "Hit",
      "size": 15,
      "fill": "ink",
      "align": "start",
      "mono": false
    },
    {
      "type": "text",
      "x": 654,
      "y": 175,
      "text": "80",
      "size": 15,
      "fill": "ink",
      "align": "end",
      "mono": false
    },
    {
      "type": "box",
      "x": 452,
      "y": 219,
      "w": 12,
      "h": 12,
      "fill": "rule",
      "stroke": "none",
      "dashed": false
    },
    {
      "type": "text",
      "x": 477,
      "y": 231,
      "text": "Miss",
      "size": 15,
      "fill": "ink",
      "align": "start",
      "mono": false
    },
    {
      "type": "text",
      "x": 654,
      "y": 231,
      "text": "20",
      "size": 15,
      "fill": "ink",
      "align": "end",
      "mono": false
    },
    {
      "type": "text",
      "x": 451,
      "y": 286,
      "text": "Use for rough proportions.",
      "size": 11,
      "fill": "muted",
      "align": "start",
      "mono": false
    }
  ]
}