{
  "version": 1,
  "title": "API request flow",
  "format": "custom",
  "canvasSize": [
    1200,
    720
  ],
  "watermark": true,
  "objects": [
    {
      "type": "text",
      "text": "One request. A clear response.",
      "x": 64,
      "y": 48,
      "fontSize": 52,
      "color": "#292d32",
      "fontFamily": "sans"
    },
    {
      "type": "text",
      "text": "API request flow · a successful read",
      "x": 66,
      "y": 119,
      "fontSize": 27,
      "color": "#667064",
      "fontFamily": "sans"
    },
    {
      "type": "text",
      "text": "Client",
      "x": 75,
      "y": 225,
      "fontSize": 40,
      "color": "#292d32",
      "fontFamily": "sans"
    },
    {
      "type": "text",
      "text": "web or mobile app",
      "x": 75,
      "y": 280,
      "fontSize": 25,
      "color": "#667064",
      "fontFamily": "sans"
    },
    {
      "type": "text",
      "text": "API",
      "x": 500,
      "y": 225,
      "fontSize": 40,
      "color": "#292d32",
      "fontFamily": "sans"
    },
    {
      "type": "text",
      "text": "your service",
      "x": 500,
      "y": 280,
      "fontSize": 25,
      "color": "#667064",
      "fontFamily": "sans"
    },
    {
      "type": "text",
      "text": "Data store",
      "x": 920,
      "y": 225,
      "fontSize": 40,
      "color": "#292d32",
      "fontFamily": "sans"
    },
    {
      "type": "text",
      "text": "saved orders",
      "x": 920,
      "y": 280,
      "fontSize": 25,
      "color": "#667064",
      "fontFamily": "sans"
    },
    {
      "type": "text",
      "text": "1  GET /orders/42",
      "x": 250,
      "y": 170,
      "fontSize": 26,
      "color": "#306ad2",
      "fontFamily": "sans"
    },
    {
      "type": "arrow",
      "points": [
        [
          230,
          239
        ],
        [
          350,
          224
        ],
        [
          470,
          237
        ]
      ],
      "color": "#306ad2",
      "width": 5,
      "smooth": false
    },
    {
      "type": "text",
      "text": "2  Read order",
      "x": 695,
      "y": 170,
      "fontSize": 26,
      "color": "#306ad2",
      "fontFamily": "sans"
    },
    {
      "type": "arrow",
      "points": [
        [
          625,
          239
        ],
        [
          762,
          224
        ],
        [
          890,
          238
        ]
      ],
      "color": "#306ad2",
      "width": 5,
      "smooth": false
    },
    {
      "type": "arrow",
      "points": [
        [
          909,
          370
        ],
        [
          775,
          400
        ],
        [
          638,
          377
        ]
      ],
      "color": "#16845d",
      "width": 5,
      "smooth": false
    },
    {
      "type": "text",
      "text": "3  Order data",
      "x": 704,
      "y": 424,
      "fontSize": 26,
      "color": "#16845d",
      "fontFamily": "sans"
    },
    {
      "type": "arrow",
      "points": [
        [
          485,
          370
        ],
        [
          361,
          400
        ],
        [
          230,
          377
        ]
      ],
      "color": "#16845d",
      "width": 5,
      "smooth": false
    },
    {
      "type": "text",
      "text": "4  HTTP response",
      "x": 250,
      "y": 424,
      "fontSize": 26,
      "color": "#16845d",
      "fontFamily": "sans"
    },
    {
      "type": "text",
      "text": "The response returns through the API.",
      "x": 75,
      "y": 540,
      "fontSize": 34,
      "color": "#292d32",
      "fontFamily": "sans"
    },
    {
      "type": "text",
      "text": "Example: 200 OK + order JSON",
      "x": 75,
      "y": 594,
      "fontSize": 28,
      "color": "#667064",
      "fontFamily": "sans"
    }
  ]
}