{
  "version": 1,
  "width": 720,
  "height": 400,
  "title": "Line chart",
  "description": "Show a metric changing over time with labeled units. All values are illustrative example data.",
  "elements": [
    {
      "type": "text",
      "x": 36,
      "y": 39,
      "text": "Request latency over time",
      "size": 17,
      "fill": "ink",
      "align": "start",
      "mono": false
    },
    {
      "type": "text",
      "x": 36,
      "y": 62,
      "text": "Illustrative p95 latency · milliseconds",
      "size": 11,
      "fill": "muted",
      "align": "start",
      "mono": true
    },
    {
      "type": "line",
      "x": 83,
      "y": 321,
      "x2": 668,
      "y2": 321,
      "arrow": false,
      "dashed": true,
      "stroke": "rule"
    },
    {
      "type": "text",
      "x": 68,
      "y": 326,
      "text": "0",
      "size": 11,
      "fill": "muted",
      "align": "end",
      "mono": true
    },
    {
      "type": "line",
      "x": 83,
      "y": 256,
      "x2": 668,
      "y2": 256,
      "arrow": false,
      "dashed": true,
      "stroke": "rule"
    },
    {
      "type": "text",
      "x": 68,
      "y": 261,
      "text": "100",
      "size": 11,
      "fill": "muted",
      "align": "end",
      "mono": true
    },
    {
      "type": "line",
      "x": 83,
      "y": 191,
      "x2": 668,
      "y2": 191,
      "arrow": false,
      "dashed": true,
      "stroke": "rule"
    },
    {
      "type": "text",
      "x": 68,
      "y": 196,
      "text": "200",
      "size": 11,
      "fill": "muted",
      "align": "end",
      "mono": true
    },
    {
      "type": "line",
      "x": 83,
      "y": 126,
      "x2": 668,
      "y2": 126,
      "arrow": false,
      "dashed": true,
      "stroke": "rule"
    },
    {
      "type": "text",
      "x": 68,
      "y": 131,
      "text": "300",
      "size": 11,
      "fill": "muted",
      "align": "end",
      "mono": true
    },
    {
      "type": "path",
      "d": "M88 250 L170 230 L252 260 L334 175 L416 197 L498 135 L580 153 L660 106",
      "stroke": "accent",
      "fill": "none",
      "arrow": false
    },
    {
      "type": "text",
      "x": 88,
      "y": 352,
      "text": "09:00",
      "size": 11,
      "fill": "muted",
      "align": "middle",
      "mono": true
    },
    {
      "type": "text",
      "x": 252,
      "y": 352,
      "text": "10:00",
      "size": 11,
      "fill": "muted",
      "align": "middle",
      "mono": true
    },
    {
      "type": "text",
      "x": 416,
      "y": 352,
      "text": "11:00",
      "size": 11,
      "fill": "muted",
      "align": "middle",
      "mono": true
    },
    {
      "type": "text",
      "x": 580,
      "y": 352,
      "text": "12:00",
      "size": 11,
      "fill": "muted",
      "align": "middle",
      "mono": true
    },
    {
      "type": "circle",
      "x": 660,
      "y": 106,
      "r": 4,
      "fill": "accent",
      "stroke": "accent"
    },
    {
      "type": "text",
      "x": 651,
      "y": 90,
      "text": "p95",
      "size": 11,
      "fill": "accent",
      "align": "end",
      "mono": false
    }
  ]
}