Cycle Diagram

{
  "version": "0.1",
  "schemaVersion": "0.1",
  "id": "cycle-diagram",
  "title": "Cycle Diagram",
  "canvas": {
    "width": 900,
    "height": 600,
    "background": "background",
    "padding": 48
  },
  "theme": {
    "id": "clean-light"
  },
  "nodes": [
    {
      "id": "title",
      "x": 450,
      "y": 64,
      "type": "text",
      "text": "Cycle Diagram",
      "fontSize": 28,
      "fontWeight": 800,
      "align": "center"
    },
    {
      "id": "cycle",
      "x": 120,
      "y": 125,
      "width": 660,
      "height": 400,
      "type": "component",
      "component": "CycleDiagram",
      "props": {
        "items": [
          {
            "id": "plan",
            "label": "Plan",
            "icon": "question"
          },
          {
            "id": "make",
            "label": "Make",
            "icon": "spark"
          },
          {
            "id": "check",
            "label": "Check",
            "icon": "check"
          },
          {
            "id": "repeat",
            "label": "Repeat",
            "icon": "loop"
          }
        ]
      }
    }
  ]
}