{
  "version": "3.0.6",
  "mode": "blocks",
  "dev_mode": true,
  "components": [
    {
      "id": 1,
      "type": "variable",
      "props": {
        "value": 0,
        "show_label": true,
        "name": "variable",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 2,
      "type": "number",
      "props": {
        "value": 0.0,
        "show_label": true,
        "name": "number",
        "visible": true,
        "style": {
          "text_color": "blue",
          "container_bg_color": "yellow"
        }
      }
    },
    {
      "id": 3,
      "type": "button",
      "props": {
        "value": "Next Square",
        "variant": "secondary",
        "name": "button",
        "visible": true,
        "elem_id": "btn",
        "style": {
          "rounded": false,
          "bg_color": "purple"
        }
      }
    },
    {
      "id": 4,
      "type": "variable",
      "props": {
        "value": {
          "a": "a"
        },
        "show_label": true,
        "name": "variable",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 5,
      "type": "json",
      "props": {
        "show_label": true,
        "name": "json",
        "visible": true,
        "style": {}
      }
    }
  ],
  "theme": "default",
  "css": "#btn {color: red}",
  "enable_queue": false,
  "layout": {
    "id": 0,
    "children": [
      {
        "id": 1
      },
      {
        "id": 2
      },
      {
        "id": 3
      },
      {
        "id": 4
      },
      {
        "id": 5
      }
    ]
  },
  "dependencies": [
    {
      "targets": [
        3
      ],
      "trigger": "click",
      "inputs": [
        1,
        4
      ],
      "outputs": [
        1,
        2,
        4,
        5
      ],
      "backend_fn": true,
      "js": null,
      "status_tracker": null,
      "queue": null
    }
  ]
}