{
  "version": 1,
  "width": 720,
  "height": 400,
  "title": "Trace waterfall",
  "description": "Locate a slow operation within one request trace. All values are illustrative example data.",
  "elements": [
    {
      "type": "text",
      "x": 36,
      "y": 39,
      "text": "Where the request spends time",
      "size": 17,
      "fill": "ink",
      "align": "start",
      "mono": false
    },
    {
      "type": "text",
      "x": 36,
      "y": 62,
      "text": "Synthetic trace · milliseconds",
      "size": 11,
      "fill": "muted",
      "align": "start",
      "mono": true
    },
    {
      "type": "line",
      "x": 220,
      "y": 96,
      "x2": 220,
      "y2": 348,
      "arrow": false,
      "dashed": true,
      "stroke": "rule"
    },
    {
      "type": "text",
      "x": 220,
      "y": 88,
      "text": "0",
      "size": 10,
      "fill": "muted",
      "align": "middle",
      "mono": true
    },
    {
      "type": "line",
      "x": 328,
      "y": 96,
      "x2": 328,
      "y2": 348,
      "arrow": false,
      "dashed": true,
      "stroke": "rule"
    },
    {
      "type": "text",
      "x": 328,
      "y": 88,
      "text": "100",
      "size": 10,
      "fill": "muted",
      "align": "middle",
      "mono": true
    },
    {
      "type": "line",
      "x": 436,
      "y": 96,
      "x2": 436,
      "y2": 348,
      "arrow": false,
      "dashed": true,
      "stroke": "rule"
    },
    {
      "type": "text",
      "x": 436,
      "y": 88,
      "text": "200",
      "size": 10,
      "fill": "muted",
      "align": "middle",
      "mono": true
    },
    {
      "type": "line",
      "x": 544,
      "y": 96,
      "x2": 544,
      "y2": 348,
      "arrow": false,
      "dashed": true,
      "stroke": "rule"
    },
    {
      "type": "text",
      "x": 544,
      "y": 88,
      "text": "300",
      "size": 10,
      "fill": "muted",
      "align": "middle",
      "mono": true
    },
    {
      "type": "line",
      "x": 652,
      "y": 96,
      "x2": 652,
      "y2": 348,
      "arrow": false,
      "dashed": true,
      "stroke": "rule"
    },
    {
      "type": "text",
      "x": 652,
      "y": 88,
      "text": "400",
      "size": 10,
      "fill": "muted",
      "align": "middle",
      "mono": true
    },
    {
      "type": "text",
      "x": 44,
      "y": 139,
      "text": "HTTP request",
      "size": 12,
      "fill": "ink",
      "align": "start",
      "mono": false
    },
    {
      "type": "box",
      "x": 220,
      "y": 116,
      "w": 432,
      "h": 32,
      "fill": "soft",
      "stroke": "none",
      "dashed": false
    },
    {
      "type": "text",
      "x": 222,
      "y": 166,
      "text": "400 ms",
      "size": 10,
      "fill": "muted",
      "align": "start",
      "mono": false
    },
    {
      "type": "text",
      "x": 44,
      "y": 198,
      "text": "Authentication",
      "size": 12,
      "fill": "ink",
      "align": "start",
      "mono": false
    },
    {
      "type": "box",
      "x": 232.96,
      "y": 175,
      "w": 56.160000000000004,
      "h": 32,
      "fill": "soft",
      "stroke": "none",
      "dashed": false
    },
    {
      "type": "text",
      "x": 234.96,
      "y": 225,
      "text": "52 ms",
      "size": 10,
      "fill": "muted",
      "align": "start",
      "mono": false
    },
    {
      "type": "text",
      "x": 44,
      "y": 257,
      "text": "Database query",
      "size": 12,
      "fill": "ink",
      "align": "start",
      "mono": false
    },
    {
      "type": "box",
      "x": 302.08000000000004,
      "y": 234,
      "w": 246.24,
      "h": 32,
      "fill": "accent",
      "stroke": "none",
      "dashed": false
    },
    {
      "type": "text",
      "x": 304.08000000000004,
      "y": 284,
      "text": "228 ms",
      "size": 10,
      "fill": "muted",
      "align": "start",
      "mono": false
    },
    {
      "type": "text",
      "x": 44,
      "y": 316,
      "text": "Serialize",
      "size": 12,
      "fill": "ink",
      "align": "start",
      "mono": false
    },
    {
      "type": "box",
      "x": 552.6400000000001,
      "y": 293,
      "w": 77.76,
      "h": 32,
      "fill": "soft",
      "stroke": "none",
      "dashed": false
    },
    {
      "type": "text",
      "x": 554.6400000000001,
      "y": 343,
      "text": "72 ms",
      "size": 10,
      "fill": "muted",
      "align": "start",
      "mono": false
    }
  ]
}