{
  "kind": "diagrams.info/diagram",
  "version": 2,
  "elements": {
    "0844701b-c3da-4c2a-a804-2d14647d7d4a": {
      "id": "0844701b-c3da-4c2a-a804-2d14647d7d4a",
      "type": "umlClass",
      "shape": "rectangle",
      "content": "Canvas",
      "position": {
        "x": 180,
        "y": 130
      },
      "size": {
        "width": 230,
        "height": 150
      },
      "zIndex": 10,
      "style": {
        "backgroundColor": "#374151",
        "borderColor": "#6b7280",
        "textColor": "#e5e7eb",
        "borderStyle": "solid",
        "textAlign": "left",
        "verticalAlign": "middle",
        "fontSize": 13
      },
      "umlAttributes": [
        "- shapes: Shape[]"
      ],
      "umlMethods": [
        "+ add(shape: Shape)",
        "+ render(): void"
      ]
    },
    "aff1a2ef-f2dd-4a9d-af08-c4f1e900240a": {
      "id": "aff1a2ef-f2dd-4a9d-af08-c4f1e900240a",
      "type": "umlClass",
      "shape": "rectangle",
      "content": "Shape",
      "position": {
        "x": 560,
        "y": 130
      },
      "size": {
        "width": 230,
        "height": 172
      },
      "zIndex": 10,
      "style": {
        "backgroundColor": "#1f2937",
        "borderColor": "#6b7280",
        "textColor": "#e5e7eb",
        "borderStyle": "solid",
        "textAlign": "left",
        "verticalAlign": "middle",
        "fontSize": 13
      },
      "umlAttributes": [
        "# x: number",
        "# y: number"
      ],
      "umlMethods": [
        "+ area(): number",
        "+ move(dx, dy): void"
      ]
    },
    "57e1bdc2-8de4-4fa6-9310-871c9ddbc8dc": {
      "id": "57e1bdc2-8de4-4fa6-9310-871c9ddbc8dc",
      "type": "umlClass",
      "shape": "rectangle",
      "content": "Rectangle",
      "position": {
        "x": 400,
        "y": 420
      },
      "size": {
        "width": 230,
        "height": 150
      },
      "zIndex": 10,
      "style": {
        "backgroundColor": "#374151",
        "borderColor": "#6b7280",
        "textColor": "#e5e7eb",
        "borderStyle": "solid",
        "textAlign": "left",
        "verticalAlign": "middle",
        "fontSize": 13
      },
      "umlAttributes": [
        "- width: number",
        "- height: number"
      ],
      "umlMethods": [
        "+ area(): number"
      ]
    },
    "c8a3f2cf-4c13-440c-a762-7f228750515c": {
      "id": "c8a3f2cf-4c13-440c-a762-7f228750515c",
      "type": "umlClass",
      "shape": "rectangle",
      "content": "Circle",
      "position": {
        "x": 730,
        "y": 420
      },
      "size": {
        "width": 230,
        "height": 128
      },
      "zIndex": 10,
      "style": {
        "backgroundColor": "#374151",
        "borderColor": "#6b7280",
        "textColor": "#e5e7eb",
        "borderStyle": "solid",
        "textAlign": "left",
        "verticalAlign": "middle",
        "fontSize": 13
      },
      "umlAttributes": [
        "- radius: number"
      ],
      "umlMethods": [
        "+ area(): number"
      ]
    }
  },
  "connections": {
    "215e5bac-a920-4664-94e4-fe057fe76c00": {
      "id": "215e5bac-a920-4664-94e4-fe057fe76c00",
      "sourceId": "0844701b-c3da-4c2a-a804-2d14647d7d4a",
      "targetId": "aff1a2ef-f2dd-4a9d-af08-c4f1e900240a",
      "type": "elbow",
      "sourceAnchor": {
        "side": "right",
        "position": 0.5,
        "manual": true
      },
      "targetAnchor": {
        "side": "left",
        "position": 0.5,
        "manual": true
      },
      "style": {
        "color": "#94a3b8",
        "width": 2,
        "style": "solid",
        "sourceArrow": false,
        "targetArrow": true
      }
    },
    "bad8a2e0-9ed6-4c83-8f47-50b0a9af1c5a": {
      "id": "bad8a2e0-9ed6-4c83-8f47-50b0a9af1c5a",
      "sourceId": "57e1bdc2-8de4-4fa6-9310-871c9ddbc8dc",
      "targetId": "aff1a2ef-f2dd-4a9d-af08-c4f1e900240a",
      "type": "elbow",
      "sourceAnchor": {
        "side": "top",
        "position": 0.5,
        "manual": true
      },
      "targetAnchor": {
        "side": "bottom",
        "position": 0.5,
        "manual": true
      },
      "style": {
        "color": "#94a3b8",
        "width": 2,
        "style": "solid",
        "sourceArrow": false,
        "targetArrow": true
      }
    },
    "c00ff90a-9f90-4fc2-b6ab-5302262eb533": {
      "id": "c00ff90a-9f90-4fc2-b6ab-5302262eb533",
      "sourceId": "c8a3f2cf-4c13-440c-a762-7f228750515c",
      "targetId": "aff1a2ef-f2dd-4a9d-af08-c4f1e900240a",
      "type": "elbow",
      "sourceAnchor": {
        "side": "top",
        "position": 0.5,
        "manual": true
      },
      "targetAnchor": {
        "side": "bottom",
        "position": 0.5,
        "manual": true
      },
      "style": {
        "color": "#94a3b8",
        "width": 2,
        "style": "solid",
        "sourceArrow": false,
        "targetArrow": true
      }
    }
  },
  "gridSettings": {
    "visible": true,
    "snapToGrid": true,
    "gridSize": 20
  }
}