{
  "schemaVersion": "1.0",
  "entityFamily": "modules",
  "entityType": "DefinedTerm",
  "entityId": "modules:49",
  "canonicalUrl": "https://babadook.tech/modules/design-canvas",
  "machineBaseUrl": "https://babadook.tech/ai/modules/design-canvas",
  "name": "Design Canvas",
  "aliases": [],
  "summary": "Professional browser-based vector design canvas with pen tool, boolean operations, auto-layout, responsive constraints, and GPU-accelerated WebGL rendering.",
  "description": [
    "Professional browser-based vector design canvas with pen tool, boolean operations, auto-layout, responsive constraints, and GPU-accelerated WebGL rendering."
  ],
  "sections": [
    {
      "id": "professional-design-in-the-browser-29aaf482-54f0-41a5-b89c-72b5d5c22958",
      "heading": "professional-design-in-the-browser",
      "body": [
        "Professional Design in the Browser Design Canvas provides a professional vector editing experience entirely in the browser — no desktop app required. Pen tool with bezier curves, boolean operations (union, subtract, intersect, exclude), auto-layout with padding and gap controls, and responsive constraints that adapt designs to any viewport. The WebGL 2.0 rendering engine handles thousands of objects with 60fps performance. GPU-accelerated rendering means complex designs with gradients, masks, blend modes, and effects render smoothly even on modest hardware."
      ],
      "specifications": [],
      "relationships": [],
      "media": [],
      "children": [
        {
          "id": "data-viz-1",
          "heading": "data Viz",
          "body": [],
          "specifications": [],
          "relationships": [],
          "media": [],
          "children": [],
          "sourceBlockType": "unsupported"
        }
      ],
      "sourceBlockType": "content_block",
      "sourceBlockId": "29aaf482-54f0-41a5-b89c-72b5d5c22958"
    },
    {
      "id": "design-canvas-specifications-11ed0712-effa-4ba9-ac44-a8cfc5c12caa",
      "heading": "Design Canvas Specifications",
      "body": [],
      "specifications": [
        {
          "label": "Rendering",
          "value": "WebGL 2.0 with GPU acceleration",
          "group": "spec Items"
        },
        {
          "label": "Vector Tools",
          "value": "Pen, rectangle, ellipse, polygon, star, line, text",
          "group": "spec Items"
        },
        {
          "label": "Boolean Ops",
          "value": "Union, subtract, intersect, exclude",
          "group": "spec Items"
        },
        {
          "label": "Layout",
          "value": "Auto-layout with padding, gap, alignment, distribution",
          "group": "spec Items"
        },
        {
          "label": "Constraints",
          "value": "Responsive constraints: fixed, hug, fill, min/max",
          "group": "spec Items"
        },
        {
          "label": "Performance",
          "value": "60fps with 10,000+ objects on canvas",
          "group": "spec Items"
        }
      ],
      "relationships": [],
      "media": [],
      "children": [],
      "sourceBlockType": "product_specification",
      "sourceBlockId": "11ed0712-effa-4ba9-ac44-a8cfc5c12caa"
    },
    {
      "id": "features-3",
      "heading": "features",
      "body": [
        "webgl: true",
        "pen tool: true",
        "responsive: true",
        "auto layout: true",
        "boolean ops: true"
      ],
      "specifications": [],
      "relationships": [],
      "media": [],
      "children": [],
      "sourceBlockType": "features"
    }
  ],
  "specifications": [],
  "claims": [],
  "relationships": [
    {
      "type": "products",
      "targets": [
        {
          "id": "83",
          "family": "products",
          "name": "DXP",
          "slug": "dxp",
          "canonicalUrl": "https://babadook.tech/products/dxp",
          "relationship": "products"
        }
      ]
    },
    {
      "type": "capabilities",
      "targets": [
        {
          "id": "85",
          "family": "capabilities",
          "name": "Visual Design Tools",
          "slug": "visual-design-tools",
          "canonicalUrl": "https://babadook.tech/capabilities/visual-design-tools",
          "relationship": "capabilities"
        }
      ]
    },
    {
      "type": "sub_modules",
      "targets": [
        {
          "id": "28",
          "family": "sub-modules",
          "name": "Creative & Design",
          "slug": "creative-design",
          "canonicalUrl": "https://babadook.tech/sub-modules/creative-design",
          "relationship": "sub_modules"
        }
      ]
    },
    {
      "type": "use_cases",
      "targets": [
        {
          "id": "54",
          "family": "use-case",
          "name": "Design-to-Code",
          "slug": "design-to-code",
          "relationship": "use_cases"
        }
      ]
    }
  ],
  "authors": [],
  "media": [],
  "regulatoryContext": {
    "exportControlAndLicensingReviewRequired": false
  },
  "language": "en",
  "receipt": {
    "sourceBlockCount": 4,
    "projectedBlockCount": 4,
    "sourceValueCount": 21,
    "projectedValueCount": 21,
    "sourceRelationshipCount": 4,
    "projectedRelationshipCount": 4,
    "sourceClaimCount": 0,
    "projectedClaimCount": 0,
    "unknownBlockTypes": [],
    "omittedFields": [],
    "missingValuePaths": [],
    "invalidClaims": [],
    "complete": true
  },
  "contentHash": "f5b2b8821917bc508becd918b3a08004a311b2e8ad2395025f0f53fdfbb3318c"
}