Arrows And Labels

{
  "version": "0.1",
  "schemaVersion": "0.1",
  "id": "arrows-and-labels",
  "title": "Arrows And Labels",
  "description": "Straight and curved arrows with readable labels.",
  "canvas": {
    "width": 900,
    "height": 520,
    "background": "background",
    "padding": 48
  },
  "theme": {
    "id": "clean-light"
  },
  "nodes": [
    {
      "id": "title",
      "x": 450,
      "y": 64,
      "type": "text",
      "text": "Arrows and Labels",
      "fontSize": 28,
      "fontWeight": 800,
      "align": "center"
    },
    {
      "id": "start-box",
      "x": 110,
      "y": 190,
      "width": 180,
      "height": 96,
      "style": {
        "fill": "#e9e9e2",
        "stroke": "background",
        "strokeWidth": 1.4
      },
      "type": "roundedRect",
      "radius": 8,
      "label": "Start"
    },
    {
      "id": "end-box",
      "x": 610,
      "y": 190,
      "width": 180,
      "height": 96,
      "style": {
        "fill": "#d8d8d0",
        "stroke": "background",
        "strokeWidth": 1.4
      },
      "type": "roundedRect",
      "radius": 8,
      "label": "End"
    },
    {
      "id": "start-label",
      "x": 200,
      "y": 246,
      "type": "text",
      "text": "Start",
      "fontSize": 18,
      "fontWeight": 700,
      "align": "center"
    },
    {
      "id": "end-label",
      "x": 700,
      "y": 246,
      "type": "text",
      "text": "End",
      "fontSize": 18,
      "fontWeight": 700,
      "align": "center"
    },
    {
      "id": "straight-arrow",
      "style": {
        "stroke": "accent",
        "strokeWidth": 3
      },
      "accessibility": {
        "label": "Straight arrow from start to end",
        "role": "img"
      },
      "type": "arrow",
      "points": [
        {
          "x": 304,
          "y": 238
        },
        {
          "x": 596,
          "y": 238
        }
      ]
    },
    {
      "id": "curved-arrow",
      "style": {
        "fill": "none",
        "stroke": "line",
        "strokeWidth": 2.6
      },
      "accessibility": {
        "label": "Curved return arrow",
        "role": "img"
      },
      "type": "path",
      "pathData": "M 700 318 A 250 120 0 0 1 200 318",
      "label": "arrow"
    },
    {
      "id": "flow-label",
      "x": 450,
      "y": 210,
      "type": "text",
      "text": "forward",
      "fontSize": 14,
      "fontWeight": 700,
      "align": "center"
    },
    {
      "id": "return-label",
      "x": 450,
      "y": 406,
      "type": "text",
      "text": "return",
      "fontSize": 14,
      "fontWeight": 700,
      "align": "center"
    }
  ]
}