{
  "version": 1,
  "width": 720,
  "height": 400,
  "title": "Request sequence",
  "description": "Explain an API request, database lookup, and response. All values are illustrative example data.",
  "elements": [
    {
      "type": "text",
      "x": 36,
      "y": 39,
      "text": "Read a saved document",
      "size": 17,
      "fill": "ink",
      "align": "start",
      "mono": false
    },
    {
      "type": "text",
      "x": 36,
      "y": 62,
      "text": "Time runs down the page",
      "size": 11,
      "fill": "muted",
      "align": "start",
      "mono": true
    },
    {
      "type": "box",
      "x": 60,
      "y": 82,
      "w": 120,
      "h": 48,
      "fill": "surface",
      "stroke": "rule",
      "dashed": false
    },
    {
      "type": "text",
      "x": 120,
      "y": 111,
      "text": "Client",
      "size": 15,
      "fill": "ink",
      "align": "middle",
      "mono": false
    },
    {
      "type": "line",
      "x": 120,
      "y": 132,
      "x2": 120,
      "y2": 355,
      "arrow": false,
      "dashed": true,
      "stroke": "rule"
    },
    {
      "type": "box",
      "x": 300,
      "y": 82,
      "w": 120,
      "h": 48,
      "fill": "soft",
      "stroke": "accent",
      "dashed": false
    },
    {
      "type": "text",
      "x": 360,
      "y": 111,
      "text": "API",
      "size": 15,
      "fill": "ink",
      "align": "middle",
      "mono": false
    },
    {
      "type": "line",
      "x": 360,
      "y": 132,
      "x2": 360,
      "y2": 355,
      "arrow": false,
      "dashed": true,
      "stroke": "rule"
    },
    {
      "type": "box",
      "x": 540,
      "y": 82,
      "w": 120,
      "h": 48,
      "fill": "surface",
      "stroke": "rule",
      "dashed": false
    },
    {
      "type": "text",
      "x": 600,
      "y": 111,
      "text": "Database",
      "size": 15,
      "fill": "ink",
      "align": "middle",
      "mono": false
    },
    {
      "type": "line",
      "x": 600,
      "y": 132,
      "x2": 600,
      "y2": 355,
      "arrow": false,
      "dashed": true,
      "stroke": "rule"
    },
    {
      "type": "line",
      "x": 120,
      "y": 172,
      "x2": 360,
      "y2": 172,
      "arrow": true,
      "dashed": false,
      "stroke": "rule"
    },
    {
      "type": "text",
      "x": 240,
      "y": 157,
      "text": "GET /documents/42",
      "size": 12,
      "fill": "ink",
      "align": "middle",
      "mono": true
    },
    {
      "type": "line",
      "x": 360,
      "y": 225,
      "x2": 600,
      "y2": 225,
      "arrow": true,
      "dashed": false,
      "stroke": "rule"
    },
    {
      "type": "text",
      "x": 480,
      "y": 210,
      "text": "SELECT document",
      "size": 12,
      "fill": "ink",
      "align": "middle",
      "mono": true
    },
    {
      "type": "line",
      "x": 600,
      "y": 278,
      "x2": 360,
      "y2": 278,
      "arrow": true,
      "dashed": true,
      "stroke": "rule"
    },
    {
      "type": "text",
      "x": 480,
      "y": 264,
      "text": "row",
      "size": 12,
      "fill": "muted",
      "align": "middle",
      "mono": false
    },
    {
      "type": "line",
      "x": 360,
      "y": 330,
      "x2": 120,
      "y2": 330,
      "arrow": true,
      "dashed": true,
      "stroke": "rule"
    },
    {
      "type": "text",
      "x": 240,
      "y": 316,
      "text": "200 OK + JSON",
      "size": 12,
      "fill": "accent",
      "align": "middle",
      "mono": true
    }
  ]
}