Diagram gallery

Structure you can follow.

Explore Mermaid and 22 authored templates for processes, planning, ownership and systems. All use white surfaces and consistent typography. Optional badges add identity while preserving labels.

Drag to pan · Pinch or scroll to zoom

Authored diagram templates

Choose a structured layout for the relationship you need to explain. Examples include complete synthetic input data.

process flow decision tree timeline hierarchy tree architecture flow matrix 2x2 sankey flow relationship map sequence swimlane state machine fishbone user journey loop flywheel gantt database schema layer stack pyramid hierarchy story map kanban venn deployment

Editorial diagram · process flow

A request moves through four explicit delivery stages

Preparing the evidence view…

Complete diagram JSON

{
  "insight": "The review gate is the shared handoff before approved work reaches delivery",
  "title": "Request delivery path",
  "subtitle": "Process flow · 2025 · units",
  "source": "VSLZ editorial diagram fixture",
  "dataContext": {
    "period": "2025",
    "source": "VSLZ editorial diagram fixture",
    "synthetic": true
  },
  "visualIntent": {
    "readerJob": "process",
    "mode": "insight",
    "question": "Where does work move next?"
  },
  "template": "process_flow",
  "nodes": [
    {
      "id": "intake",
      "label": "Intake"
    },
    {
      "id": "review",
      "label": "Review"
    },
    {
      "id": "approve",
      "label": "Approve"
    },
    {
      "id": "deliver",
      "label": "Deliver"
    }
  ],
  "edges": [
    {
      "source": "intake",
      "target": "review",
      "label": "triage"
    },
    {
      "source": "review",
      "target": "approve",
      "label": "ready"
    },
    {
      "source": "approve",
      "target": "deliver",
      "label": "release"
    }
  ]
}

Editorial diagram · decision tree

Policy and risk checks route work to the right outcome

Preparing the evidence view…

Complete diagram JSON

{
  "insight": "Sensitive or out-of-policy requests leave the self-serve path for specialist review",
  "title": "Request decision tree",
  "subtitle": "Decision tree · policy routing",
  "source": "VSLZ editorial diagram fixture",
  "dataContext": {
    "period": "2025",
    "source": "VSLZ editorial diagram fixture",
    "synthetic": true
  },
  "visualIntent": {
    "readerJob": "decision",
    "mode": "insight",
    "question": "Which route should a request take?"
  },
  "template": "decision_tree",
  "nodes": [
    {
      "id": "request",
      "label": "New request"
    },
    {
      "id": "sensitive",
      "label": "Sensitive"
    },
    {
      "id": "standard",
      "label": "Standard"
    },
    {
      "id": "specialist",
      "label": "Specialist review"
    },
    {
      "id": "selfserve",
      "label": "Self-serve"
    }
  ],
  "edges": [
    {
      "source": "request",
      "target": "sensitive",
      "label": "Yes"
    },
    {
      "source": "request",
      "target": "standard",
      "label": "No"
    },
    {
      "source": "sensitive",
      "target": "specialist",
      "label": "Review"
    },
    {
      "source": "standard",
      "target": "selfserve",
      "label": "Within policy"
    }
  ]
}

Editorial diagram · timeline

Four milestones show how the rollout expands through the year

Preparing the evidence view…

Complete diagram JSON

{
  "insight": "The rollout moves from a focused pilot to a broad release after the Q3 review",
  "title": "Rollout milestones",
  "subtitle": "Timeline · 2025 · delivery stages",
  "source": "VSLZ editorial diagram fixture",
  "dataContext": {
    "period": "2025",
    "source": "VSLZ editorial diagram fixture",
    "synthetic": true
  },
  "visualIntent": {
    "readerJob": "trend",
    "mode": "insight",
    "question": "How does the rollout progress?"
  },
  "template": "timeline",
  "nodes": [
    {
      "id": "pilot",
      "label": "Pilot",
      "date": "Q1"
    },
    {
      "id": "learn",
      "label": "Learn",
      "date": "Q2"
    },
    {
      "id": "expand",
      "label": "Expand",
      "date": "Q3"
    },
    {
      "id": "release",
      "label": "Release",
      "date": "Q4"
    }
  ],
  "edges": [
    {
      "source": "pilot",
      "target": "learn"
    },
    {
      "source": "learn",
      "target": "expand"
    },
    {
      "source": "expand",
      "target": "release"
    }
  ]
}

Editorial diagram · hierarchy tree

A platform team branches into product, data, and support ownership

Preparing the evidence view…

Complete diagram JSON

{
  "insight": "Platform ownership sits at the top while delivery responsibilities branch into three focused teams",
  "title": "Platform ownership hierarchy",
  "subtitle": "Hierarchy tree · operating model",
  "source": "VSLZ editorial diagram fixture",
  "dataContext": {
    "period": "2025",
    "source": "VSLZ editorial diagram fixture",
    "synthetic": true
  },
  "visualIntent": {
    "readerJob": "hierarchy",
    "mode": "insight",
    "question": "Who owns each delivery layer?"
  },
  "template": "hierarchy_tree",
  "nodes": [
    {
      "id": "platform",
      "label": "Platform"
    },
    {
      "id": "product",
      "label": "Product"
    },
    {
      "id": "data",
      "label": "Data"
    },
    {
      "id": "support",
      "label": "Support"
    },
    {
      "id": "insights",
      "label": "Insights"
    }
  ],
  "edges": [
    {
      "source": "platform",
      "target": "product"
    },
    {
      "source": "platform",
      "target": "data"
    },
    {
      "source": "platform",
      "target": "support"
    },
    {
      "source": "data",
      "target": "insights"
    }
  ]
}

Editorial diagram · architecture flow

Requests move from the client through services and into durable storage

Preparing the evidence view…

Complete diagram JSON

{
  "insight": "The queue separates the request boundary from asynchronous processing before results reach the dashboard",
  "title": "Service architecture flow",
  "subtitle": "Architecture flow · request to insight",
  "source": "VSLZ editorial diagram fixture",
  "dataContext": {
    "period": "2025",
    "source": "VSLZ editorial diagram fixture",
    "synthetic": true
  },
  "visualIntent": {
    "readerJob": "process",
    "mode": "insight",
    "question": "Where does a request travel?"
  },
  "template": "architecture_flow",
  "nodes": [
    {
      "id": "client",
      "label": "Client"
    },
    {
      "id": "api",
      "label": "API"
    },
    {
      "id": "queue",
      "label": "Queue"
    },
    {
      "id": "worker",
      "label": "Worker"
    },
    {
      "id": "store",
      "label": "Data store"
    },
    {
      "id": "dashboard",
      "label": "Dashboard"
    }
  ],
  "edges": [
    {
      "source": "client",
      "target": "api",
      "label": "request"
    },
    {
      "source": "api",
      "target": "queue",
      "label": "enqueue"
    },
    {
      "source": "queue",
      "target": "worker",
      "label": "dispatch"
    },
    {
      "source": "worker",
      "target": "store",
      "label": "persist"
    },
    {
      "source": "store",
      "target": "dashboard",
      "label": "read"
    }
  ]
}

Editorial diagram · 2×2 matrix

Initiatives are positioned by impact and implementation effort

Preparing the evidence view…

Complete diagram JSON

{
  "insight": "The upper-right quadrant contains the highest-impact opportunities that need deliberate investment",
  "title": "Initiative priority matrix",
  "subtitle": "2×2 matrix · impact versus effort",
  "source": "VSLZ editorial diagram fixture",
  "dataContext": {
    "period": "2025",
    "source": "VSLZ editorial diagram fixture",
    "synthetic": true
  },
  "visualIntent": {
    "readerJob": "compare",
    "mode": "insight",
    "question": "Which initiatives deserve attention first?"
  },
  "template": "matrix_2x2",
  "matrixAxes": {
    "horizontal": "Implementation effort",
    "vertical": "Impact"
  },
  "nodes": [
    {
      "id": "quick",
      "label": "Quick wins",
      "group": "top-left"
    },
    {
      "id": "strategic",
      "label": "Strategic bets",
      "group": "top-right"
    },
    {
      "id": "defer",
      "label": "Defer",
      "group": "bottom-left"
    },
    {
      "id": "complex",
      "label": "Complex work",
      "group": "bottom-right"
    }
  ],
  "edges": []
}

Editorial diagram · Sankey chart

Flaky reruns consume 1,000 of 12,000 CI minutes—without delivering new coverage.

Preparing the evidence view…

Complete diagram JSON

{
  "insight": "Flaky reruns consume 1,000 of 12,000 CI minutes—without delivering new coverage.",
  "title": "Where the CI budget goes",
  "subtitle": "Monthly build minutes · stage → outcome",
  "source": "Authored demonstration scenario",
  "dataContext": {
    "period": "Illustrative month",
    "unit": "min",
    "synthetic": true,
    "source": "Authored CI budget scenario"
  },
  "visualIntent": {
    "readerJob": "composition",
    "mode": "insight",
    "question": "Where do requests end up?"
  },
  "template": "sankey_flow",
  "nodes": [
    {
      "id": "budget",
      "label": "CI budget"
    },
    {
      "id": "unit",
      "label": "Unit tests"
    },
    {
      "id": "e2e",
      "label": "E2E tests"
    },
    {
      "id": "build",
      "label": "Build"
    },
    {
      "id": "lint",
      "label": "Lint"
    },
    {
      "id": "flaky",
      "label": "Reruns"
    },
    {
      "id": "passed",
      "label": "Passed"
    },
    {
      "id": "failed",
      "label": "Failed"
    }
  ],
  "edges": [
    {
      "source": "budget",
      "target": "unit",
      "value": 5200
    },
    {
      "source": "budget",
      "target": "e2e",
      "value": 4000
    },
    {
      "source": "budget",
      "target": "build",
      "value": 2000
    },
    {
      "source": "budget",
      "target": "lint",
      "value": 800
    },
    {
      "source": "unit",
      "target": "flaky",
      "value": 800,
      "emphasis": "accent"
    },
    {
      "source": "unit",
      "target": "passed",
      "value": 4400
    },
    {
      "source": "e2e",
      "target": "flaky",
      "value": 200,
      "emphasis": "accent"
    },
    {
      "source": "e2e",
      "target": "passed",
      "value": 3800
    },
    {
      "source": "build",
      "target": "passed",
      "value": 400
    },
    {
      "source": "build",
      "target": "failed",
      "value": 1600
    },
    {
      "source": "lint",
      "target": "passed",
      "value": 800
    }
  ],
  "note": "Ribbon width represents minutes. Stage totals and outcome totals both reconcile to 12,000."
}

Editorial diagram · relationship map

Strategy connects product, operations, and customer outcomes

Preparing the evidence view…

Complete diagram JSON

{
  "insight": "Product is the shared link between strategic direction, operational delivery, and customer learning",
  "title": "Operating relationship map",
  "subtitle": "Relationship map · connected teams",
  "source": "VSLZ editorial diagram fixture",
  "dataContext": {
    "period": "2025",
    "source": "VSLZ editorial diagram fixture",
    "synthetic": true
  },
  "visualIntent": {
    "readerJob": "relationship",
    "mode": "insight",
    "question": "Which teams connect the operating model?"
  },
  "template": "relationship_map",
  "nodes": [
    {
      "id": "strategy",
      "label": "Strategy"
    },
    {
      "id": "product",
      "label": "Product"
    },
    {
      "id": "operations",
      "label": "Operations"
    },
    {
      "id": "customer",
      "label": "Customer"
    }
  ],
  "edges": [
    {
      "source": "strategy",
      "target": "product",
      "label": "sets direction"
    },
    {
      "source": "product",
      "target": "operations",
      "label": "enables"
    },
    {
      "source": "operations",
      "target": "customer",
      "label": "delivers"
    },
    {
      "source": "customer",
      "target": "product",
      "label": "learns"
    }
  ]
}

Editorial diagram · sequence

The gateway verifies identity before checkout writes an order and returns confirmation.

Preparing the evidence view…

Complete diagram JSON

{
  "insight": "The gateway verifies identity before checkout writes an order and returns confirmation.",
  "title": "Authenticated checkout request",
  "dataContext": {
    "period": "2025",
    "source": "VSLZ editorial diagram fixture",
    "synthetic": true
  },
  "visualIntent": {
    "readerJob": "explain",
    "mode": "insight"
  },
  "template": "sequence",
  "data": {
    "kind": "sequence",
    "actors": [
      {
        "id": "client",
        "label": "Client"
      },
      {
        "id": "gateway",
        "label": "Gateway"
      },
      {
        "id": "auth",
        "label": "Identity"
      },
      {
        "id": "orders",
        "label": "Orders"
      }
    ],
    "messages": [
      {
        "from": "client",
        "to": "gateway",
        "label": "POST checkout",
        "order": 0,
        "kind": "request"
      },
      {
        "from": "gateway",
        "to": "auth",
        "label": "Verify token",
        "order": 1,
        "kind": "call"
      },
      {
        "from": "auth",
        "to": "gateway",
        "label": "Claims + scope",
        "order": 2,
        "kind": "response"
      },
      {
        "from": "gateway",
        "to": "orders",
        "label": "Create order",
        "order": 3,
        "kind": "call"
      },
      {
        "from": "orders",
        "to": "gateway",
        "label": "Order ID",
        "order": 4,
        "kind": "response"
      },
      {
        "from": "gateway",
        "to": "client",
        "label": "201 Created",
        "order": 5,
        "kind": "response"
      },
      {
        "from": "client",
        "to": "gateway",
        "label": "GET status",
        "order": 6,
        "kind": "request"
      },
      {
        "from": "gateway",
        "to": "client",
        "label": "Confirmed",
        "order": 7,
        "kind": "response"
      }
    ]
  },
  "source": "Authored demonstration scenario"
}

Editorial diagram · swimlane

Product, engineering, and quality each own two steps in the delivery handoff.

Preparing the evidence view…

Complete diagram JSON

{
  "insight": "Product, engineering, and quality each own two steps in the delivery handoff.",
  "title": "From customer request to release",
  "dataContext": {
    "period": "2025",
    "source": "VSLZ editorial diagram fixture",
    "synthetic": true
  },
  "visualIntent": {
    "readerJob": "process",
    "mode": "insight"
  },
  "template": "swimlane",
  "data": {
    "kind": "swimlane",
    "lanes": [
      {
        "id": "product",
        "label": "Product"
      },
      {
        "id": "engineering",
        "label": "Engineering"
      },
      {
        "id": "qa",
        "label": "Quality"
      }
    ],
    "steps": [
      {
        "id": "brief",
        "label": "Frame request",
        "laneId": "product",
        "order": 0
      },
      {
        "id": "scope",
        "label": "Agree scope",
        "laneId": "product",
        "order": 1
      },
      {
        "id": "build",
        "label": "Implement",
        "laneId": "engineering",
        "order": 2
      },
      {
        "id": "review",
        "label": "Code review",
        "laneId": "engineering",
        "order": 3
      },
      {
        "id": "test",
        "label": "Validate release",
        "laneId": "qa",
        "order": 4
      },
      {
        "id": "release",
        "label": "Sign off",
        "laneId": "qa",
        "order": 5
      }
    ],
    "edges": [
      {
        "source": "brief",
        "target": "scope"
      },
      {
        "source": "scope",
        "target": "build",
        "label": "accepted"
      },
      {
        "source": "build",
        "target": "review"
      },
      {
        "source": "review",
        "target": "test",
        "label": "candidate"
      },
      {
        "source": "test",
        "target": "release"
      }
    ]
  },
  "source": "Authored demonstration scenario"
}

Editorial diagram · state machine

Publication requires both an approved review and a reached release window.

Preparing the evidence view…

Complete diagram JSON

{
  "insight": "Publication requires both an approved review and a reached release window.",
  "title": "Controlled publication lifecycle",
  "dataContext": {
    "period": "2025",
    "source": "VSLZ editorial diagram fixture",
    "synthetic": true
  },
  "visualIntent": {
    "readerJob": "decision",
    "mode": "insight"
  },
  "template": "state_machine",
  "data": {
    "kind": "state_machine",
    "states": [
      {
        "id": "draft",
        "label": "Draft"
      },
      {
        "id": "review",
        "label": "Review"
      },
      {
        "id": "scheduled",
        "label": "Scheduled"
      },
      {
        "id": "live",
        "label": "Published"
      }
    ],
    "initialState": "draft",
    "terminalStates": [
      "live"
    ],
    "transitions": [
      {
        "source": "draft",
        "target": "review",
        "event": "submit",
        "guard": "complete"
      },
      {
        "source": "review",
        "target": "scheduled",
        "event": "approve",
        "guard": "verified"
      },
      {
        "source": "scheduled",
        "target": "live",
        "event": "release",
        "guard": "due"
      }
    ]
  },
  "source": "Authored demonstration scenario"
}

Editorial diagram · fishbone

Release delays have six contributing systems—not one failing team.

Preparing the evidence view…

Complete diagram JSON

{
  "insight": "Release delays have six contributing systems—not one failing team.",
  "title": "Why releases miss the window",
  "dataContext": {
    "period": "2025",
    "source": "VSLZ editorial diagram fixture",
    "synthetic": true
  },
  "visualIntent": {
    "readerJob": "explain",
    "mode": "insight"
  },
  "template": "fishbone",
  "data": {
    "kind": "fishbone",
    "effect": "Late releases",
    "categories": [
      {
        "id": "people",
        "label": "People",
        "causes": [
          "On-call overload",
          "Single reviewer",
          "Context switching"
        ]
      },
      {
        "id": "process",
        "label": "Process",
        "causes": [
          "Late scope changes",
          "Manual approvals",
          "Large batches"
        ]
      },
      {
        "id": "tools",
        "label": "Tooling",
        "causes": [
          "Flaky E2E tests",
          "Slow CI queues",
          "Manual rollback"
        ]
      },
      {
        "id": "inputs",
        "label": "Inputs",
        "causes": [
          "Unclear acceptance",
          "Stale fixtures",
          "Missing test data"
        ]
      },
      {
        "id": "environment",
        "label": "Environment",
        "causes": [
          "Shared staging",
          "Config drift",
          "Capacity limits"
        ]
      },
      {
        "id": "signals",
        "label": "Measurement",
        "causes": [
          "No lead-time view",
          "Late alerts",
          "Hidden rework"
        ]
      }
    ]
  },
  "source": "Authored demonstration scenario"
}

Editorial diagram · user journey

Connecting a data source is the slowest and least satisfying onboarding step.

Preparing the evidence view…

Complete diagram JSON

{
  "insight": "Connecting a data source is the slowest and least satisfying onboarding step.",
  "title": "From signup to first shared report",
  "dataContext": {
    "period": "2025",
    "source": "VSLZ editorial diagram fixture",
    "synthetic": true
  },
  "visualIntent": {
    "readerJob": "trend",
    "mode": "insight"
  },
  "template": "user_journey",
  "data": {
    "kind": "user_journey",
    "stages": [
      {
        "id": "s0",
        "label": "Discover",
        "order": 0
      },
      {
        "id": "s1",
        "label": "Sign up",
        "order": 1
      },
      {
        "id": "s2",
        "label": "Connect data",
        "order": 2
      },
      {
        "id": "s3",
        "label": "Build report",
        "order": 3
      },
      {
        "id": "s4",
        "label": "Share",
        "order": 4
      }
    ],
    "rows": [
      {
        "id": "sentiment",
        "label": "Satisfaction /5",
        "values": [
          4,
          4,
          2,
          4,
          5
        ]
      },
      {
        "id": "minutes",
        "label": "Minutes",
        "values": [
          3,
          2,
          14,
          8,
          1
        ]
      },
      {
        "id": "completion",
        "label": "Completion %",
        "values": [
          100,
          82,
          58,
          46,
          39
        ]
      }
    ],
    "painPoints": [
      {
        "stageId": "s2",
        "label": "Permissions unclear"
      },
      {
        "stageId": "s3",
        "label": "Metric setup"
      }
    ]
  },
  "source": "Authored demonstration scenario"
}

Editorial diagram · loop

Every release turns observed behavior into the next testable hypothesis.

Preparing the evidence view…

Complete diagram JSON

{
  "insight": "Every release turns observed behavior into the next testable hypothesis.",
  "title": "The product learning flywheel",
  "dataContext": {
    "period": "2025",
    "source": "VSLZ editorial diagram fixture",
    "synthetic": true
  },
  "visualIntent": {
    "readerJob": "process",
    "mode": "insight"
  },
  "template": "loop_flywheel",
  "data": {
    "kind": "loop_flywheel",
    "hub": "Customer evidence",
    "stages": [
      {
        "id": "stage-0",
        "label": "Observe",
        "order": 0
      },
      {
        "id": "stage-1",
        "label": "Frame",
        "order": 1
      },
      {
        "id": "stage-2",
        "label": "Prioritize",
        "order": 2
      },
      {
        "id": "stage-3",
        "label": "Prototype",
        "order": 3
      },
      {
        "id": "stage-4",
        "label": "Ship",
        "order": 4
      },
      {
        "id": "stage-5",
        "label": "Measure",
        "order": 5
      }
    ]
  },
  "source": "Authored demonstration scenario"
}

Editorial diagram · Gantt

Integration and security review overlap so the pilot can start in March.

Preparing the evidence view…

Complete diagram JSON

{
  "insight": "Integration and security review overlap so the pilot can start in March.",
  "title": "Customer portal launch plan",
  "dataContext": {
    "period": "Jan–Mar 2025",
    "synthetic": true,
    "source": "Authored launch plan"
  },
  "visualIntent": {
    "readerJob": "trend",
    "mode": "insight"
  },
  "template": "gantt",
  "data": {
    "kind": "gantt",
    "tasks": [
      {
        "id": "research",
        "label": "Customer interviews",
        "group": "Discovery",
        "start": "2025-01-06",
        "end": "2025-01-17",
        "progress": 1
      },
      {
        "id": "scope",
        "label": "Scope & success metrics",
        "group": "Discovery",
        "start": "2025-01-13",
        "end": "2025-01-24",
        "progress": 1
      },
      {
        "id": "design",
        "label": "Prototype & usability",
        "group": "Design",
        "start": "2025-01-20",
        "end": "2025-02-07",
        "progress": 1
      },
      {
        "id": "api",
        "label": "API integration",
        "group": "Build",
        "start": "2025-02-03",
        "end": "2025-02-28",
        "progress": 0.7
      },
      {
        "id": "ui",
        "label": "Portal implementation",
        "group": "Build",
        "start": "2025-02-03",
        "end": "2025-03-07",
        "progress": 0.55
      },
      {
        "id": "security",
        "label": "Security & accessibility",
        "group": "Validate",
        "start": "2025-02-17",
        "end": "2025-03-07",
        "progress": 0.3
      },
      {
        "id": "pilot",
        "label": "Pilot with 20 accounts",
        "group": "Launch",
        "start": "2025-03-10",
        "end": "2025-03-21",
        "progress": 0
      },
      {
        "id": "rollout",
        "label": "Staged rollout",
        "group": "Launch",
        "start": "2025-03-24",
        "end": "2025-03-31",
        "progress": 0
      }
    ],
    "milestones": [
      {
        "id": "scope",
        "label": "Scope locked",
        "date": "2025-01-24"
      },
      {
        "id": "ready",
        "label": "Pilot ready",
        "date": "2025-03-07"
      },
      {
        "id": "ga",
        "label": "General release",
        "date": "2025-03-31"
      }
    ]
  },
  "source": "Authored demonstration scenario"
}

Editorial diagram · database schema

Order lines connect purchases to products while payments remain independently auditable.

Preparing the evidence view…

Complete diagram JSON

{
  "insight": "Order lines connect purchases to products while payments remain independently auditable.",
  "title": "Commerce order model",
  "dataContext": {
    "period": "2025",
    "source": "VSLZ editorial diagram fixture",
    "synthetic": true
  },
  "visualIntent": {
    "readerJob": "explain",
    "mode": "insight"
  },
  "template": "database_schema",
  "data": {
    "kind": "database_schema",
    "tables": [
      {
        "id": "customers",
        "label": "Customers",
        "columns": [
          {
            "name": "id",
            "type": "uuid",
            "key": "primary"
          },
          {
            "name": "email",
            "type": "text",
            "key": "unique"
          },
          {
            "name": "name",
            "type": "text",
            "key": "none"
          },
          {
            "name": "created_at",
            "type": "time",
            "key": "none"
          }
        ]
      },
      {
        "id": "orders",
        "label": "Orders",
        "columns": [
          {
            "name": "id",
            "type": "uuid",
            "key": "primary"
          },
          {
            "name": "customer_id",
            "type": "uuid",
            "key": "foreign"
          },
          {
            "name": "status",
            "type": "enum",
            "key": "none"
          },
          {
            "name": "total",
            "type": "decimal",
            "key": "none"
          }
        ]
      },
      {
        "id": "payments",
        "label": "Payments",
        "columns": [
          {
            "name": "id",
            "type": "uuid",
            "key": "primary"
          },
          {
            "name": "order_id",
            "type": "uuid",
            "key": "foreign"
          },
          {
            "name": "amount",
            "type": "decimal",
            "key": "none"
          },
          {
            "name": "paid_at",
            "type": "time",
            "key": "none"
          }
        ]
      },
      {
        "id": "products",
        "label": "Products",
        "columns": [
          {
            "name": "id",
            "type": "uuid",
            "key": "primary"
          },
          {
            "name": "sku",
            "type": "text",
            "key": "unique"
          },
          {
            "name": "name",
            "type": "text",
            "key": "none"
          },
          {
            "name": "price",
            "type": "decimal",
            "key": "none"
          }
        ]
      },
      {
        "id": "lines",
        "label": "Order lines",
        "columns": [
          {
            "name": "id",
            "type": "uuid",
            "key": "primary"
          },
          {
            "name": "order_id",
            "type": "uuid",
            "key": "foreign"
          },
          {
            "name": "product_id",
            "type": "uuid",
            "key": "foreign"
          },
          {
            "name": "quantity",
            "type": "int",
            "key": "none"
          }
        ]
      }
    ],
    "foreignKeys": [
      {
        "sourceTable": "orders",
        "sourceColumn": "customer_id",
        "targetTable": "customers",
        "targetColumn": "id"
      },
      {
        "sourceTable": "payments",
        "sourceColumn": "order_id",
        "targetTable": "orders",
        "targetColumn": "id"
      },
      {
        "sourceTable": "lines",
        "sourceColumn": "order_id",
        "targetTable": "orders",
        "targetColumn": "id"
      },
      {
        "sourceTable": "lines",
        "sourceColumn": "product_id",
        "targetTable": "products",
        "targetColumn": "id"
      }
    ]
  },
  "source": "Authored demonstration scenario"
}

Editorial diagram · layer stack

The semantic layer translates trusted records into consistent business metrics.

Preparing the evidence view…

Complete diagram JSON

{
  "insight": "The semantic layer translates trusted records into consistent business metrics.",
  "title": "Analytics platform responsibilities",
  "dataContext": {
    "period": "2025",
    "source": "VSLZ editorial diagram fixture",
    "synthetic": true
  },
  "visualIntent": {
    "readerJob": "hierarchy",
    "mode": "insight"
  },
  "template": "layer_stack",
  "data": {
    "kind": "layer_stack",
    "layers": [
      {
        "id": "sources",
        "label": "Source systems",
        "order": 0,
        "description": "CRM · billing · product events"
      },
      {
        "id": "ingest",
        "label": "Ingestion",
        "order": 1,
        "description": "CDC · schema checks · retries"
      },
      {
        "id": "storage",
        "label": "Warehouse",
        "order": 2,
        "description": "History · lineage · access control"
      },
      {
        "id": "semantic",
        "label": "Semantic layer",
        "order": 3,
        "description": "Shared metrics · dimensions · policy",
        "focal": true
      },
      {
        "id": "experience",
        "label": "Decision surfaces",
        "order": 4,
        "description": "Dashboards · reports · alerts"
      }
    ]
  },
  "source": "Authored demonstration scenario"
}

Editorial diagram · pyramid hierarchy

Automation creates value only when the measurement foundations are trustworthy.

Preparing the evidence view…

Complete diagram JSON

{
  "insight": "Automation creates value only when the measurement foundations are trustworthy.",
  "title": "From reliable data to better decisions",
  "dataContext": {
    "period": "2025",
    "source": "VSLZ editorial diagram fixture",
    "synthetic": true
  },
  "visualIntent": {
    "readerJob": "hierarchy",
    "mode": "insight"
  },
  "template": "pyramid_hierarchy",
  "data": {
    "kind": "pyramid_hierarchy",
    "levels": [
      {
        "id": "quality",
        "label": "Reliable data",
        "order": 0,
        "description": "Ownership & quality"
      },
      {
        "id": "metrics",
        "label": "Shared metrics",
        "order": 1,
        "description": "Consistent definitions"
      },
      {
        "id": "insights",
        "label": "Useful insights",
        "order": 2,
        "description": "Patterns & diagnosis"
      },
      {
        "id": "decisions",
        "label": "Better decisions",
        "order": 3,
        "description": "Experiments & learning"
      },
      {
        "id": "automation",
        "label": "Automation",
        "order": 4,
        "description": "Validated decisions"
      }
    ]
  },
  "source": "Authored demonstration scenario"
}

Editorial diagram · story map

The MVP completes the core journey; the next release adds speed and control.

Preparing the evidence view…

Complete diagram JSON

{
  "insight": "The MVP completes the core journey; the next release adds speed and control.",
  "title": "Customer portal release slices",
  "dataContext": {
    "period": "2025",
    "source": "VSLZ editorial diagram fixture",
    "synthetic": true
  },
  "visualIntent": {
    "readerJob": "process",
    "mode": "insight"
  },
  "template": "story_map",
  "data": {
    "kind": "story_map",
    "activities": [
      {
        "id": "a0",
        "label": "Discover",
        "order": 0
      },
      {
        "id": "a1",
        "label": "Configure",
        "order": 1
      },
      {
        "id": "a2",
        "label": "Use",
        "order": 2
      },
      {
        "id": "a3",
        "label": "Manage",
        "order": 3
      }
    ],
    "tasks": [
      {
        "id": "a",
        "label": "Browse plans",
        "activityId": "a0",
        "order": 0,
        "status": "done",
        "release": "MVP"
      },
      {
        "id": "b",
        "label": "Compare features",
        "activityId": "a0",
        "order": 1,
        "status": "todo",
        "release": "R2"
      },
      {
        "id": "c",
        "label": "Create account",
        "activityId": "a1",
        "order": 0,
        "status": "done",
        "release": "MVP"
      },
      {
        "id": "d",
        "label": "Connect source",
        "activityId": "a1",
        "order": 1,
        "status": "doing",
        "release": "MVP"
      },
      {
        "id": "e",
        "label": "Import presets",
        "activityId": "a1",
        "order": 2,
        "status": "todo",
        "release": "R2"
      },
      {
        "id": "f",
        "label": "Build report",
        "activityId": "a2",
        "order": 0,
        "status": "doing",
        "release": "MVP"
      },
      {
        "id": "g",
        "label": "Share report",
        "activityId": "a2",
        "order": 1,
        "status": "doing",
        "release": "MVP"
      },
      {
        "id": "h",
        "label": "Schedule digest",
        "activityId": "a2",
        "order": 2,
        "status": "todo",
        "release": "R2"
      },
      {
        "id": "i",
        "label": "Invite team",
        "activityId": "a3",
        "order": 0,
        "status": "done",
        "release": "MVP"
      },
      {
        "id": "j",
        "label": "Custom roles",
        "activityId": "a3",
        "order": 1,
        "status": "todo",
        "release": "R2"
      }
    ]
  },
  "source": "Authored demonstration scenario"
}

Editorial diagram · Kanban

Review holds four items, including two high-priority release checks.

Preparing the evidence view…

Complete diagram JSON

{
  "insight": "Review holds four items, including two high-priority release checks.",
  "title": "Portal release readiness",
  "dataContext": {
    "period": "2025",
    "source": "VSLZ editorial diagram fixture",
    "synthetic": true
  },
  "visualIntent": {
    "readerJob": "process",
    "mode": "insight"
  },
  "template": "kanban",
  "data": {
    "kind": "kanban",
    "columns": [
      {
        "id": "c0",
        "label": "Backlog",
        "order": 0
      },
      {
        "id": "c1",
        "label": "Building",
        "order": 1
      },
      {
        "id": "c2",
        "label": "Review",
        "order": 2
      },
      {
        "id": "c3",
        "label": "Done",
        "order": 3
      }
    ],
    "cards": [
      {
        "id": "a",
        "label": "Saved filters",
        "columnId": "c0",
        "order": 0,
        "priority": "normal"
      },
      {
        "id": "b",
        "label": "Bulk export",
        "columnId": "c0",
        "order": 1,
        "priority": "low"
      },
      {
        "id": "c",
        "label": "Account roles",
        "columnId": "c1",
        "order": 0,
        "priority": "high"
      },
      {
        "id": "d",
        "label": "Usage dashboard",
        "columnId": "c1",
        "order": 1,
        "priority": "normal"
      },
      {
        "id": "e",
        "label": "Email digests",
        "columnId": "c1",
        "order": 2,
        "priority": "normal"
      },
      {
        "id": "f",
        "label": "Access audit",
        "columnId": "c2",
        "order": 0,
        "priority": "high"
      },
      {
        "id": "g",
        "label": "Keyboard access",
        "columnId": "c2",
        "order": 1,
        "priority": "high"
      },
      {
        "id": "h",
        "label": "Billing copy",
        "columnId": "c2",
        "order": 2,
        "priority": "normal"
      },
      {
        "id": "i",
        "label": "Error states",
        "columnId": "c2",
        "order": 3,
        "priority": "normal"
      },
      {
        "id": "j",
        "label": "Sign-in flow",
        "columnId": "c3",
        "order": 0,
        "priority": "normal"
      },
      {
        "id": "k",
        "label": "Audit logging",
        "columnId": "c3",
        "order": 1,
        "priority": "normal"
      },
      {
        "id": "l",
        "label": "Event tracking",
        "columnId": "c3",
        "order": 2,
        "priority": "normal"
      }
    ]
  },
  "source": "Authored demonstration scenario"
}

Editorial diagram · Venn

A sustainable opportunity must satisfy customer, business, and technical constraints.

Preparing the evidence view…

Complete diagram JSON

{
  "insight": "A sustainable opportunity must satisfy customer, business, and technical constraints.",
  "title": "What makes a viable product",
  "dataContext": {
    "period": "2025",
    "source": "VSLZ editorial diagram fixture",
    "synthetic": true
  },
  "visualIntent": {
    "readerJob": "relationship",
    "mode": "insight"
  },
  "template": "venn",
  "data": {
    "kind": "venn",
    "sets": [
      {
        "id": "desirable",
        "label": "Desirable",
        "items": [
          "customer-need",
          "usability",
          "viable-product"
        ]
      },
      {
        "id": "feasible",
        "label": "Feasible",
        "items": [
          "technology",
          "capacity",
          "viable-product"
        ]
      },
      {
        "id": "viable",
        "label": "Viable",
        "items": [
          "economics",
          "distribution",
          "viable-product"
        ]
      }
    ],
    "intersections": [
      {
        "sets": [
          "desirable",
          "feasible",
          "viable"
        ],
        "label": "Product fit"
      }
    ]
  },
  "source": "Authored demonstration scenario",
  "note": "Desirable: customer need. Feasible: delivery capability. Viable: sustainable economics."
}

Editorial diagram · deployment

Public traffic crosses the edge boundary before services reach private stores.

Preparing the evidence view…

Complete diagram JSON

{
  "insight": "Public traffic crosses the edge boundary before services reach private stores.",
  "title": "Production checkout topology",
  "dataContext": {
    "period": "2025",
    "source": "VSLZ editorial diagram fixture",
    "synthetic": true
  },
  "visualIntent": {
    "readerJob": "process",
    "mode": "insight"
  },
  "template": "deployment",
  "data": {
    "kind": "deployment",
    "zones": [
      {
        "id": "edge",
        "label": "Public edge",
        "kind": "edge"
      },
      {
        "id": "app",
        "label": "Private application subnet",
        "kind": "service"
      },
      {
        "id": "data",
        "label": "Private data subnet",
        "kind": "data"
      }
    ],
    "components": [
      {
        "id": "cdn",
        "label": "CDN + WAF",
        "zoneId": "edge",
        "role": "TLS / filtering"
      },
      {
        "id": "gateway",
        "label": "API gateway",
        "zoneId": "edge",
        "role": "rate limiting"
      },
      {
        "id": "api",
        "label": "Checkout API",
        "zoneId": "app",
        "role": "3 replicas"
      },
      {
        "id": "worker",
        "label": "Order worker",
        "zoneId": "app",
        "role": "2 replicas"
      },
      {
        "id": "queue",
        "label": "Event queue",
        "zoneId": "app",
        "role": "durable buffer"
      },
      {
        "id": "db",
        "label": "PostgreSQL",
        "zoneId": "data",
        "role": "primary + replica"
      },
      {
        "id": "cache",
        "label": "Redis",
        "zoneId": "data",
        "role": "session cache"
      },
      {
        "id": "objects",
        "label": "Object storage",
        "zoneId": "data",
        "role": "receipts"
      }
    ],
    "connections": [
      {
        "source": "cdn",
        "target": "gateway",
        "label": "HTTPS"
      },
      {
        "source": "gateway",
        "target": "api",
        "label": "mTLS"
      },
      {
        "source": "api",
        "target": "db",
        "label": "SQL"
      },
      {
        "source": "worker",
        "target": "cache",
        "label": "lookup"
      },
      {
        "source": "queue",
        "target": "objects",
        "label": "archive"
      }
    ]
  },
  "source": "Authored demonstration scenario"
}

Visual identity

Make entities recognizable.

Curated icons, vector glyphs and inline raster badges preserve labels and quantitative geometry. Supplied images travel in the payload; there is no server photo storage. Read the asset contract →

Identity · authored diagram

Spacious nodes show badges; compact nodes preserve a readable identity key

Preparing the evidence view…

Complete example JSON

{
  "title": "Service handoff",
  "insight": "The client reaches storage through the API",
  "template": "process_flow",
  "nodes": [
    {
      "id": "client",
      "label": "Client"
    },
    {
      "id": "api",
      "label": "API service"
    },
    {
      "id": "db",
      "label": "Database"
    }
  ],
  "edges": [
    {
      "source": "client",
      "target": "api"
    },
    {
      "source": "api",
      "target": "db"
    }
  ],
  "visualAssets": {
    "version": 1,
    "definitions": [
      {
        "id": "client",
        "kind": "image",
        "src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAXUlEQVR4nO3VsQkAIAxEUbdwSAdxWCsLe8E6OWKCBOTg6v+6pIy5nq4QIHBWW9cWBUDayCDAWMeGClzVgSEDjrpmZADuumgQIEDg01PhNsRO3j+4MkAh+yfHRyAf2Hl+rBGQyfWTAAAAAElFTkSuQmCC",
        "alt": "Synthetic blue circle badge",
        "fit": "contain"
      },
      {
        "id": "server",
        "kind": "icon",
        "key": "server"
      },
      {
        "id": "store",
        "kind": "icon",
        "key": "database"
      }
    ],
    "bindings": [
      {
        "target": {
          "type": "entity",
          "field": "id",
          "value": "client"
        },
        "assetRef": "client",
        "placement": "node"
      },
      {
        "target": {
          "type": "entity",
          "field": "id",
          "value": "api"
        },
        "assetRef": "server",
        "placement": "node"
      },
      {
        "target": {
          "type": "entity",
          "field": "id",
          "value": "db"
        },
        "assetRef": "store",
        "placement": "node"
      }
    ]
  },
  "dataContext": {
    "source": "VSLZ visual identity fixtures",
    "synthetic": true
  }
}

Structure you can follow.

Onboarding flow and bottleneck

Customer request routing

Secure request sequence

Authored diagram templates

Editorial diagram · process flow

Editorial diagram · decision tree

Editorial diagram · timeline

Editorial diagram · hierarchy tree

Editorial diagram · architecture flow

Editorial diagram · 2×2 matrix

Editorial diagram · Sankey chart

Editorial diagram · relationship map

Editorial diagram · sequence

Editorial diagram · swimlane

Editorial diagram · state machine

Editorial diagram · fishbone

Editorial diagram · user journey

Editorial diagram · loop

Editorial diagram · Gantt

Editorial diagram · database schema

Editorial diagram · layer stack

Editorial diagram · pyramid hierarchy

Editorial diagram · story map

Editorial diagram · Kanban

Editorial diagram · Venn

Editorial diagram · deployment

Make entities recognizable.

Identity · authored diagram