developer test

JSON-to-PPTX vector compiler test

This page tests the server-side JSON compiler path: structured slides/elements JSON in, native .pptx out. It is not a public SEO tool entry; it exists to verify the endpoint, style mapping, and animation XML.

JSON Schema input

Coordinates use 0-100 percentages; the server maps them to a 13.33 x 7.5 inch canvas.

{
  "title": "Seed Round Vector Deck",
  "slides": [
    {
      "title": "Market Signal",
      "bgColor": "F8F5EE",
      "elements": [
        {
          "kind": "shape",
          "shapeType": "rect",
          "x": 5,
          "y": 7,
          "w": 90,
          "h": 82,
          "style": {
            "fill": "#FFFFFF",
            "stroke": "rgba(176,144,88,0.36)",
            "strokeWidth": 1
          },
          "animate": {
            "type": "fade",
            "delay": 0.05
          }
        },
        {
          "kind": "text",
          "text": "AI decks need native PowerPoint output",
          "x": 10,
          "y": 14,
          "w": 62,
          "h": 14,
          "style": {
            "fontSize": 34,
            "serif": true,
            "color": "#1C1A17",
            "bold": true,
            "valign": "middle"
          },
          "animate": {
            "type": "fade",
            "delay": 0.15
          }
        },
        {
          "kind": "text",
          "text": "The compiler maps 0-100 JSON coordinates to a locked 16:9 PPT canvas, preserves editable vector text and shapes, and binds native fade animations.",
          "x": 10,
          "y": 35,
          "w": 48,
          "h": 25,
          "style": {
            "fontSize": 15,
            "color": "rgba(87,80,69,0.92)",
            "valign": "middle"
          },
          "animate": {
            "type": "fade",
            "delay": 0.35
          }
        },
        {
          "kind": "shape",
          "shapeType": "roundRect",
          "x": 66,
          "y": 30,
          "w": 19,
          "h": 18,
          "style": {
            "fill": "#1C1A17",
            "stroke": "#1C1A17",
            "radius": 12
          },
          "text": "13.33 x 7.5 in",
          "animate": {
            "type": "fade",
            "delay": 0.45
          }
        },
        {
          "kind": "text",
          "text": "+0.35in safe text width",
          "x": 65,
          "y": 55,
          "w": 22,
          "h": 9,
          "style": {
            "fontSize": 14,
            "serif": true,
            "color": "#B09058",
            "align": "center"
          },
          "animate": {
            "type": "fade",
            "delay": 0.6
          }
        }
      ]
    },
    {
      "title": "Editable Output",
      "bgColor": "#111827",
      "elements": [
        {
          "kind": "text",
          "text": "Editable PPTX vectors",
          "x": 8,
          "y": 10,
          "w": 55,
          "h": 12,
          "style": {
            "fontSize": 38,
            "serif": true,
            "color": "#FFFFFF",
            "bold": true
          },
          "animate": {
            "type": "fade",
            "delay": 0.1
          }
        },
        {
          "kind": "shape",
          "shapeType": "ellipse",
          "x": 68,
          "y": 14,
          "w": 17,
          "h": 30,
          "style": {
            "fill": "rgba(176,144,88,0.9)",
            "stroke": "rgba(255,255,255,0.32)",
            "strokeWidth": 1.2
          },
          "animate": {
            "type": "fade",
            "delay": 0.25
          }
        },
        {
          "kind": "shape",
          "shapeType": "roundRect",
          "x": 9,
          "y": 39,
          "w": 27,
          "h": 28,
          "style": {
            "fill": "rgba(255,255,255,0.08)",
            "stroke": "rgba(255,255,255,0.2)",
            "strokeWidth": 1
          },
          "text": "Text boxes\nShapes\nFade effects",
          "animate": {
            "type": "fade",
            "delay": 0.4
          }
        },
        {
          "kind": "text",
          "text": "Open the file in PowerPoint and select each block: it is generated as native Office XML, not a screenshot.",
          "x": 42,
          "y": 45,
          "w": 42,
          "h": 18,
          "style": {
            "fontSize": 16,
            "color": "rgba(255,255,255,0.82)",
            "valign": "middle"
          },
          "animate": {
            "type": "fade",
            "delay": 0.55
          }
        }
      ]
    }
  ]
}

Waiting for JSON