Composition gallery · preview

Several views. One explanation.

Combine existing charts, diagrams and networks when one visual cannot explain the evidence. Each example reflows on mobile. Compare both sizes in the rendering lab. MCP availability depends on deployment settings.

Evidence network

A relationship structure needs quantitative context. Use a network alone when no supporting quantities are needed.

A shared delivery team supports increasing output

2025 · units

Delivery ownership

2025 · units

Drag to pan · Pinch or scroll to zoom
VSLZ illustrative operating case

Output rises through the year

Quarterly output

2025 · units

Output rises through the year. Quarterly output. 4 data records. Use the data table below to inspect exact values.

Waiting for chart layout…
VSLZ illustrative operating case

From network: Output of the delivery team

The final quarter delivers the most output

Quarterly comparison

2025 · units

The final quarter delivers the most output. Quarterly comparison. 4 data records. Use the data table below to inspect exact values.

Waiting for chart layout…
VSLZ illustrative operating case

Refers to trend

VSLZ illustrative operating case

Try this prompt

Explain this delivery network and quantify its output in one visual.
Full infographic JSON
{
  "template": "evidence_network",
  "insight": "A shared delivery team supports increasing output",
  "blocks": [
    {
      "id": "network",
      "kind": "network",
      "role": "mechanism",
      "spec": {
        "title": "Delivery ownership",
        "layout": "dagre",
        "nodes": [
          {
            "id": "intake",
            "label": "Intake"
          },
          {
            "id": "north",
            "label": "North",
            "metadata": {
              "team": "North"
            }
          },
          {
            "id": "delivery",
            "label": "Delivery"
          }
        ],
        "edges": [
          {
            "source": "intake",
            "target": "north"
          },
          {
            "source": "north",
            "target": "delivery"
          }
        ],
        "dataContext": {
          "synthetic": true,
          "period": "2025",
          "source": "VSLZ illustrative operating case",
          "unit": "units"
        }
      },
      "linking": {
        "group": "teams",
        "entityField": "team"
      }
    },
    {
      "id": "trend",
      "kind": "chart",
      "role": "evidence",
      "spec": {
        "type": "line",
        "title": "Quarterly output",
        "insight": "Output rises through the year",
        "data": [
          {
            "period": "Q1",
            "value": 12,
            "team": "North"
          },
          {
            "period": "Q2",
            "value": 18,
            "team": "North"
          },
          {
            "period": "Q3",
            "value": 24,
            "team": "North"
          },
          {
            "period": "Q4",
            "value": 32,
            "team": "North"
          }
        ],
        "encoding": {
          "x": "period",
          "y": "value",
          "series": "team"
        },
        "dataContext": {
          "synthetic": true,
          "period": "2025",
          "source": "VSLZ illustrative operating case",
          "unit": "units"
        }
      },
      "linking": {
        "group": "teams",
        "entityField": "team"
      }
    },
    {
      "id": "bars",
      "kind": "chart",
      "role": "comparison",
      "spec": {
        "type": "bar",
        "title": "Quarterly comparison",
        "insight": "The final quarter delivers the most output",
        "data": [
          {
            "period": "Q1",
            "value": 12,
            "team": "North"
          },
          {
            "period": "Q2",
            "value": 18,
            "team": "North"
          },
          {
            "period": "Q3",
            "value": 24,
            "team": "North"
          },
          {
            "period": "Q4",
            "value": 32,
            "team": "North"
          }
        ],
        "encoding": {
          "category": "period",
          "value": "value"
        },
        "dataContext": {
          "synthetic": true,
          "period": "2025",
          "source": "VSLZ illustrative operating case",
          "unit": "units"
        }
      }
    },
    {
      "id": "note",
      "kind": "callout",
      "heading": "What the evidence shows",
      "text": "Output increases during the rollout. These illustrative observations do not establish causation.",
      "target": "trend"
    }
  ],
  "connectors": [
    {
      "from": "network",
      "to": "trend",
      "label": "Output of the delivery team",
      "semantic": "flow"
    }
  ],
  "dataContext": {
    "synthetic": true,
    "period": "2025",
    "source": "VSLZ illustrative operating case",
    "unit": "units"
  }
}

Hero metric support

One headline measure has a supporting trend. Use a single chart when the headline number adds no information.

Output reaches 32 units after four quarters

2025 · units

Final-quarter output

32 units

Up from 12 in the first quarter

Output rises through the year

Quarterly output

2025 · units

Output rises through the year. Quarterly output. 4 data records. Use the data table below to inspect exact values.

Waiting for chart layout…
VSLZ illustrative operating case

Refers to trend

VSLZ illustrative operating case

Try this prompt

Show final-quarter output as a headline metric with its supporting trend.
Full infographic JSON
{
  "template": "hero_metric_support",
  "insight": "Output reaches 32 units after four quarters",
  "blocks": [
    {
      "id": "metric",
      "kind": "metric",
      "role": "hero",
      "label": "Final-quarter output",
      "value": 32,
      "unit": "units",
      "note": "Up from 12 in the first quarter"
    },
    {
      "id": "trend",
      "kind": "chart",
      "role": "evidence",
      "spec": {
        "type": "line",
        "title": "Quarterly output",
        "insight": "Output rises through the year",
        "data": [
          {
            "period": "Q1",
            "value": 12,
            "team": "North"
          },
          {
            "period": "Q2",
            "value": 18,
            "team": "North"
          },
          {
            "period": "Q3",
            "value": 24,
            "team": "North"
          },
          {
            "period": "Q4",
            "value": 32,
            "team": "North"
          }
        ],
        "encoding": {
          "x": "period",
          "y": "value",
          "series": "team"
        },
        "dataContext": {
          "synthetic": true,
          "period": "2025",
          "source": "VSLZ illustrative operating case",
          "unit": "units"
        }
      }
    },
    {
      "id": "note",
      "kind": "callout",
      "heading": "What the evidence shows",
      "text": "Output increases during the rollout. These illustrative observations do not establish causation.",
      "target": "trend"
    }
  ],
  "dataContext": {
    "synthetic": true,
    "period": "2025",
    "source": "VSLZ illustrative operating case",
    "unit": "units"
  }
}

Evidence board

Two to four complementary views explain one conclusion. Use separate charts for unrelated questions.

Output grows while regional results remain uneven

2025 · units

Output rises through the year

Quarterly output

2025 · units

Output rises through the year. Quarterly output. 4 data records. Use the data table below to inspect exact values.

Waiting for chart layout…
VSLZ illustrative operating case

Quarterly variance crosses zero

Quarterly comparison

2025 · units

Quarterly variance crosses zero. Quarterly comparison. 4 data records. Use the data table below to inspect exact values.

Waiting for chart layout…
VSLZ illustrative operating case

South remains below North

Quarterly output

2025 · units

South remains below North. Quarterly output. 4 data records. Use the data table below to inspect exact values.

Waiting for chart layout…
VSLZ illustrative operating case

Recovery is strongest at year end

Quarterly comparison

2025 · units

Recovery is strongest at year end. Quarterly comparison. 4 data records. Use the data table below to inspect exact values.

Waiting for chart layout…
VSLZ illustrative operating case
VSLZ illustrative operating case

Try this prompt

Combine output, variance, regional trend and recovery into one evidence-led board.
Full infographic JSON
{
  "template": "evidence_board",
  "insight": "Output grows while regional results remain uneven",
  "blocks": [
    {
      "id": "trend",
      "kind": "chart",
      "role": "evidence",
      "spec": {
        "type": "line",
        "title": "Quarterly output",
        "insight": "Output rises through the year",
        "data": [
          {
            "period": "Q1",
            "value": 12,
            "team": "North"
          },
          {
            "period": "Q2",
            "value": 18,
            "team": "North"
          },
          {
            "period": "Q3",
            "value": 24,
            "team": "North"
          },
          {
            "period": "Q4",
            "value": 32,
            "team": "North"
          }
        ],
        "encoding": {
          "x": "period",
          "y": "value",
          "series": "team"
        },
        "dataContext": {
          "synthetic": true,
          "period": "2025",
          "source": "VSLZ illustrative operating case",
          "unit": "units"
        }
      }
    },
    {
      "id": "bars",
      "kind": "chart",
      "role": "comparison",
      "spec": {
        "type": "bar",
        "title": "Quarterly comparison",
        "insight": "Quarterly variance crosses zero",
        "data": [
          {
            "period": "Q1",
            "value": -4,
            "team": "North"
          },
          {
            "period": "Q2",
            "value": -2,
            "team": "North"
          },
          {
            "period": "Q3",
            "value": 2,
            "team": "North"
          },
          {
            "period": "Q4",
            "value": 6,
            "team": "North"
          }
        ],
        "encoding": {
          "category": "period",
          "value": "value"
        },
        "dataContext": {
          "synthetic": true,
          "period": "2025",
          "source": "VSLZ illustrative operating case",
          "unit": "units"
        }
      }
    },
    {
      "id": "south",
      "kind": "chart",
      "spec": {
        "type": "line",
        "title": "Quarterly output",
        "insight": "South remains below North",
        "data": [
          {
            "period": "Q1",
            "value": 8,
            "team": "South"
          },
          {
            "period": "Q2",
            "value": 10,
            "team": "South"
          },
          {
            "period": "Q3",
            "value": 12,
            "team": "South"
          },
          {
            "period": "Q4",
            "value": 15,
            "team": "South"
          }
        ],
        "encoding": {
          "x": "period",
          "y": "value",
          "series": "team"
        },
        "dataContext": {
          "synthetic": true,
          "period": "2025",
          "source": "VSLZ illustrative operating case",
          "unit": "units"
        }
      }
    },
    {
      "id": "recovery",
      "kind": "chart",
      "spec": {
        "type": "bar",
        "title": "Quarterly comparison",
        "insight": "Recovery is strongest at year end",
        "data": [
          {
            "period": "Q1",
            "value": 1,
            "team": "North"
          },
          {
            "period": "Q2",
            "value": 2,
            "team": "North"
          },
          {
            "period": "Q3",
            "value": 2,
            "team": "North"
          },
          {
            "period": "Q4",
            "value": 5,
            "team": "North"
          }
        ],
        "encoding": {
          "category": "period",
          "value": "value"
        },
        "dataContext": {
          "synthetic": true,
          "period": "2025",
          "source": "VSLZ illustrative operating case",
          "unit": "units"
        }
      }
    }
  ],
  "dataContext": {
    "synthetic": true,
    "period": "2025",
    "source": "VSLZ illustrative operating case",
    "unit": "units"
  }
}

Charticle

Ordered evidence advances a short explanation. Use a board when reading order is unimportant.

Output grows but the final quarter remains below target

2025 · units

Part 1

Output rises through the year

Quarterly output

2025 · units

Output rises through the year. Quarterly output. 4 data records. Use the data table below to inspect exact values.

Waiting for chart layout…
VSLZ illustrative operating case

Part 2

The shortfall narrows to two units

Quarterly comparison

2025 · units

The shortfall narrows to two units. Quarterly comparison. 4 data records. Use the data table below to inspect exact values.

Waiting for chart layout…
VSLZ illustrative operating case

Part 3

The gap is narrowing. A further two units are needed to meet the target.

VSLZ illustrative operating case

Try this prompt

Tell a concise charticle: show the output trend, then explain the remaining shortfall.
Full infographic JSON
{
  "template": "charticle",
  "insight": "Output grows but the final quarter remains below target",
  "blocks": [
    {
      "id": "trend",
      "kind": "chart",
      "role": "evidence",
      "spec": {
        "type": "line",
        "title": "Quarterly output",
        "insight": "Output rises through the year",
        "data": [
          {
            "period": "Q1",
            "value": 12,
            "team": "North"
          },
          {
            "period": "Q2",
            "value": 18,
            "team": "North"
          },
          {
            "period": "Q3",
            "value": 24,
            "team": "North"
          },
          {
            "period": "Q4",
            "value": 32,
            "team": "North"
          }
        ],
        "encoding": {
          "x": "period",
          "y": "value",
          "series": "team"
        },
        "dataContext": {
          "synthetic": true,
          "period": "2025",
          "source": "VSLZ illustrative operating case",
          "unit": "units"
        }
      }
    },
    {
      "id": "gap",
      "kind": "chart",
      "spec": {
        "type": "bar",
        "title": "Quarterly comparison",
        "insight": "The shortfall narrows to two units",
        "data": [
          {
            "period": "Q1",
            "value": -10,
            "team": "North"
          },
          {
            "period": "Q2",
            "value": -8,
            "team": "North"
          },
          {
            "period": "Q3",
            "value": -5,
            "team": "North"
          },
          {
            "period": "Q4",
            "value": -2,
            "team": "North"
          }
        ],
        "encoding": {
          "category": "period",
          "value": "value"
        },
        "dataContext": {
          "synthetic": true,
          "period": "2025",
          "source": "VSLZ illustrative operating case",
          "unit": "units"
        }
      }
    },
    {
      "id": "conclusion",
      "kind": "text",
      "text": "The gap is narrowing. A further two units are needed to meet the target."
    }
  ],
  "dataContext": {
    "synthetic": true,
    "period": "2025",
    "source": "VSLZ illustrative operating case",
    "unit": "units"
  }
}

Small multiples story

Repeat a chart shape with shared units and domains. Use a comparison chart for only a few values.

North grows faster than South on a shared scale

2025 · units

Output rises through the year

Quarterly output

2025 · units

Output rises through the year. Quarterly output. 4 data records. Use the data table below to inspect exact values.

Waiting for chart layout…
VSLZ illustrative operating case

South grows more slowly

Quarterly output

2025 · units

South grows more slowly. Quarterly output. 4 data records. Use the data table below to inspect exact values.

Waiting for chart layout…
VSLZ illustrative operating case
VSLZ illustrative operating case

Try this prompt

Show North and South output as small multiples with a shared scale and linked quarter selection.
Full infographic JSON
{
  "template": "small_multiples_story",
  "insight": "North grows faster than South on a shared scale",
  "blocks": [
    {
      "id": "trend",
      "kind": "chart",
      "role": "evidence",
      "spec": {
        "type": "line",
        "title": "Quarterly output",
        "insight": "Output rises through the year",
        "data": [
          {
            "period": "Q1",
            "value": 12,
            "team": "North"
          },
          {
            "period": "Q2",
            "value": 18,
            "team": "North"
          },
          {
            "period": "Q3",
            "value": 24,
            "team": "North"
          },
          {
            "period": "Q4",
            "value": 32,
            "team": "North"
          }
        ],
        "encoding": {
          "x": "period",
          "y": "value",
          "series": "team"
        },
        "dataContext": {
          "synthetic": true,
          "period": "2025",
          "source": "VSLZ illustrative operating case",
          "unit": "units"
        }
      },
      "linking": {
        "group": "quarters",
        "timeField": "period"
      }
    },
    {
      "id": "south",
      "kind": "chart",
      "spec": {
        "type": "line",
        "title": "Quarterly output",
        "insight": "South grows more slowly",
        "data": [
          {
            "period": "Q1",
            "value": 8,
            "team": "South"
          },
          {
            "period": "Q2",
            "value": 10,
            "team": "South"
          },
          {
            "period": "Q3",
            "value": 12,
            "team": "South"
          },
          {
            "period": "Q4",
            "value": 15,
            "team": "South"
          }
        ],
        "encoding": {
          "x": "period",
          "y": "value",
          "series": "team"
        },
        "dataContext": {
          "synthetic": true,
          "period": "2025",
          "source": "VSLZ illustrative operating case",
          "unit": "units"
        }
      },
      "linking": {
        "group": "quarters",
        "timeField": "period"
      }
    }
  ],
  "dataContext": {
    "synthetic": true,
    "period": "2025",
    "source": "VSLZ illustrative operating case",
    "unit": "units"
  }
}

Timeline with evidence

A sequence of events needs supporting quantities. Use a diagram alone for an unquantified sequence.

The rollout moves from pilot to delivery as output grows

2025 · units

Rollout milestones

2025 · units

Drag to pan · Pinch or scroll to zoom

VSLZ illustrative operating case

The final quarter delivers the most output

Quarterly comparison

2025 · units

The final quarter delivers the most output. Quarterly comparison. 4 data records. Use the data table below to inspect exact values.

Waiting for chart layout…
VSLZ illustrative operating case
VSLZ illustrative operating case

Try this prompt

Show the rollout timeline with its quarterly output evidence.
Full infographic JSON
{
  "template": "timeline_with_evidence",
  "insight": "The rollout moves from pilot to delivery as output grows",
  "blocks": [
    {
      "id": "mechanism",
      "kind": "diagram",
      "role": "mechanism",
      "spec": {
        "title": "Rollout milestones",
        "mermaid": "flowchart LR\nA[Q1 Pilot] --> B[Q2 Review] --> C[Q3 Expansion] --> D[Q4 Delivery]",
        "dataContext": {
          "synthetic": true,
          "period": "2025",
          "source": "VSLZ illustrative operating case",
          "unit": "units"
        }
      }
    },
    {
      "id": "bars",
      "kind": "chart",
      "role": "comparison",
      "spec": {
        "type": "bar",
        "title": "Quarterly comparison",
        "insight": "The final quarter delivers the most output",
        "data": [
          {
            "period": "Q1",
            "value": 12,
            "team": "North"
          },
          {
            "period": "Q2",
            "value": 18,
            "team": "North"
          },
          {
            "period": "Q3",
            "value": 24,
            "team": "North"
          },
          {
            "period": "Q4",
            "value": 32,
            "team": "North"
          }
        ],
        "encoding": {
          "category": "period",
          "value": "value"
        },
        "dataContext": {
          "synthetic": true,
          "period": "2025",
          "source": "VSLZ illustrative operating case",
          "unit": "units"
        }
      }
    }
  ],
  "dataContext": {
    "synthetic": true,
    "period": "2025",
    "source": "VSLZ illustrative operating case",
    "unit": "units"
  }
}

Comparison story

Entities need symmetric evidence on the same scale. Do not compare heights across different units.

North consistently delivers more than South

2025 · units

North output

Quarterly comparison

2025 · units

North output. Quarterly comparison. 4 data records. Use the data table below to inspect exact values.

Waiting for chart layout…
VSLZ illustrative operating case

South output

Quarterly comparison

2025 · units

South output. Quarterly comparison. 4 data records. Use the data table below to inspect exact values.

Waiting for chart layout…
VSLZ illustrative operating case
VSLZ illustrative operating case

Try this prompt

Compare North and South output symmetrically with the same scale.
Full infographic JSON
{
  "template": "comparison_story",
  "insight": "North consistently delivers more than South",
  "blocks": [
    {
      "id": "trend",
      "kind": "chart",
      "role": "evidence",
      "spec": {
        "type": "bar",
        "title": "Quarterly comparison",
        "insight": "North output",
        "data": [
          {
            "period": "Q1",
            "value": 12,
            "team": "North"
          },
          {
            "period": "Q2",
            "value": 18,
            "team": "North"
          },
          {
            "period": "Q3",
            "value": 24,
            "team": "North"
          },
          {
            "period": "Q4",
            "value": 32,
            "team": "North"
          }
        ],
        "encoding": {
          "category": "period",
          "value": "value"
        },
        "dataContext": {
          "synthetic": true,
          "period": "2025",
          "source": "VSLZ illustrative operating case",
          "unit": "units"
        }
      }
    },
    {
      "id": "south",
      "kind": "chart",
      "spec": {
        "type": "bar",
        "title": "Quarterly comparison",
        "insight": "South output",
        "data": [
          {
            "period": "Q1",
            "value": 8,
            "team": "South"
          },
          {
            "period": "Q2",
            "value": 10,
            "team": "South"
          },
          {
            "period": "Q3",
            "value": 12,
            "team": "South"
          },
          {
            "period": "Q4",
            "value": 15,
            "team": "South"
          }
        ],
        "encoding": {
          "category": "period",
          "value": "value"
        },
        "dataContext": {
          "synthetic": true,
          "period": "2025",
          "source": "VSLZ illustrative operating case",
          "unit": "units"
        }
      }
    }
  ],
  "dataContext": {
    "synthetic": true,
    "period": "2025",
    "source": "VSLZ illustrative operating case",
    "unit": "units"
  }
}

Cause and effect story

A proposed mechanism needs outcome evidence and a caveat. Do not label correlation as proven causation.

The delivery process accompanies higher output

2025 · units

Delivery process

2025 · units

Drag to pan · Pinch or scroll to zoom

VSLZ illustrative operating case

Output rises through the year

Quarterly output

2025 · units

Output rises through the year. Quarterly output. 4 data records. Use the data table below to inspect exact values.

Waiting for chart layout…
VSLZ illustrative operating case

From mechanism: Proposed mechanism; causality unproven

Refers to trend

VSLZ illustrative operating case

Try this prompt

Show the proposed delivery mechanism with its outcome trend and explain the causal uncertainty.
Full infographic JSON
{
  "template": "cause_effect_story",
  "insight": "The delivery process accompanies higher output",
  "blocks": [
    {
      "id": "mechanism",
      "kind": "diagram",
      "role": "mechanism",
      "spec": {
        "title": "Delivery process",
        "mermaid": "flowchart LR\nA[Intake] --> B[Review]\nB --> C[Delivery]",
        "dataContext": {
          "synthetic": true,
          "period": "2025",
          "source": "VSLZ illustrative operating case",
          "unit": "units"
        }
      }
    },
    {
      "id": "trend",
      "kind": "chart",
      "role": "evidence",
      "spec": {
        "type": "line",
        "title": "Quarterly output",
        "insight": "Output rises through the year",
        "data": [
          {
            "period": "Q1",
            "value": 12,
            "team": "North"
          },
          {
            "period": "Q2",
            "value": 18,
            "team": "North"
          },
          {
            "period": "Q3",
            "value": 24,
            "team": "North"
          },
          {
            "period": "Q4",
            "value": 32,
            "team": "North"
          }
        ],
        "encoding": {
          "x": "period",
          "y": "value",
          "series": "team"
        },
        "dataContext": {
          "synthetic": true,
          "period": "2025",
          "source": "VSLZ illustrative operating case",
          "unit": "units"
        }
      }
    },
    {
      "id": "note",
      "kind": "callout",
      "heading": "What the evidence shows",
      "text": "Output increases during the rollout. These illustrative observations do not establish causation.",
      "target": "trend"
    }
  ],
  "connectors": [
    {
      "from": "mechanism",
      "to": "trend",
      "label": "Proposed mechanism; causality unproven",
      "style": "dashed"
    }
  ],
  "dataContext": {
    "synthetic": true,
    "period": "2025",
    "source": "VSLZ illustrative operating case",
    "unit": "units"
  }
}

Every editorial chart inside a network infographic

Pair one mechanism with chart evidence. These independent synthetic examples demonstrate layout compatibility, not causation. Editorial chart panels retain data inspection but do not support cross-panel linking or shared scale groups.

Dependencies and small multiples line

Preparing the evidence view…
Complete infographic JSON
{
  "template": "evidence_network",
  "title": "Dependencies and small multiples line",
  "insight": "Group C rises fastest across the four quarters",
  "dataContext": {
    "source": "VSLZ independent synthetic examples",
    "synthetic": true
  },
  "note": "The network illustrates structure; the chart is separate illustrative evidence. No causal link is asserted.",
  "blocks": [
    {
      "id": "mechanism",
      "kind": "network",
      "role": "mechanism",
      "spec": {
        "title": "Delivery dependencies",
        "insight": "The API connects the client to the database",
        "dataContext": {
          "source": "VSLZ visual identity fixtures",
          "synthetic": true
        },
        "layout": "dagre",
        "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"
            }
          ]
        }
      }
    },
    {
      "id": "evidence",
      "kind": "chart",
      "role": "evidence",
      "spec": {
        "insight": "Group C rises fastest across the four quarters",
        "title": "Quarterly values by group",
        "dataContext": {
          "unit": "units",
          "period": "2025",
          "source": "VSLZ editorial fixture",
          "synthetic": true
        },
        "type": "line",
        "data": [
          {
            "period": "Q1",
            "value": 2,
            "panel": "A"
          },
          {
            "period": "Q2",
            "value": 4,
            "panel": "A"
          },
          {
            "period": "Q3",
            "value": 6,
            "panel": "A"
          },
          {
            "period": "Q4",
            "value": 8,
            "panel": "A"
          },
          {
            "period": "Q1",
            "value": 3,
            "panel": "B"
          },
          {
            "period": "Q2",
            "value": 6,
            "panel": "B"
          },
          {
            "period": "Q3",
            "value": 9,
            "panel": "B"
          },
          {
            "period": "Q4",
            "value": 12,
            "panel": "B"
          },
          {
            "period": "Q1",
            "value": 4,
            "panel": "C"
          },
          {
            "period": "Q2",
            "value": 8,
            "panel": "C"
          },
          {
            "period": "Q3",
            "value": 12,
            "panel": "C"
          },
          {
            "period": "Q4",
            "value": 16,
            "panel": "C"
          }
        ],
        "encoding": {
          "x": "period",
          "y": "value",
          "series": "panel"
        },
        "template": "small_multiples_line"
      }
    }
  ]
}

Dependencies and histogram distribution

Preparing the evidence view…
Complete infographic JSON
{
  "template": "evidence_network",
  "title": "Dependencies and histogram distribution",
  "insight": "The sample spans values from 0 to 18",
  "dataContext": {
    "source": "VSLZ independent synthetic examples",
    "synthetic": true
  },
  "note": "The network illustrates structure; the chart is separate illustrative evidence. No causal link is asserted.",
  "blocks": [
    {
      "id": "mechanism",
      "kind": "network",
      "role": "mechanism",
      "spec": {
        "title": "Delivery dependencies",
        "insight": "The API connects the client to the database",
        "dataContext": {
          "source": "VSLZ visual identity fixtures",
          "synthetic": true
        },
        "layout": "dagre",
        "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"
            }
          ]
        }
      }
    },
    {
      "id": "evidence",
      "kind": "chart",
      "role": "evidence",
      "spec": {
        "insight": "The sample spans values from 0 to 18",
        "title": "Distribution of observed values",
        "dataContext": {
          "unit": "units",
          "period": "2025",
          "source": "VSLZ editorial fixture",
          "synthetic": true
        },
        "type": "bar",
        "data": [
          {
            "value": 0
          },
          {
            "value": 7
          },
          {
            "value": 14
          },
          {
            "value": 2
          },
          {
            "value": 9
          },
          {
            "value": 16
          },
          {
            "value": 4
          },
          {
            "value": 11
          },
          {
            "value": 18
          },
          {
            "value": 6
          },
          {
            "value": 13
          },
          {
            "value": 1
          },
          {
            "value": 8
          },
          {
            "value": 15
          },
          {
            "value": 3
          },
          {
            "value": 10
          },
          {
            "value": 17
          },
          {
            "value": 5
          },
          {
            "value": 12
          },
          {
            "value": 0
          },
          {
            "value": 7
          },
          {
            "value": 14
          },
          {
            "value": 2
          },
          {
            "value": 9
          }
        ],
        "encoding": {
          "value": "value"
        },
        "template": "histogram_distribution",
        "editorial": {
          "binCount": 6
        }
      }
    }
  ]
}

Dependencies and connected scatter

Preparing the evidence view…
Complete infographic JSON
{
  "template": "evidence_network",
  "title": "Dependencies and connected scatter",
  "insight": "Both groups rise across the three supplied observations",
  "dataContext": {
    "source": "VSLZ independent synthetic examples",
    "synthetic": true
  },
  "note": "The network illustrates structure; the chart is separate illustrative evidence. No causal link is asserted.",
  "blocks": [
    {
      "id": "mechanism",
      "kind": "network",
      "role": "mechanism",
      "spec": {
        "title": "Delivery dependencies",
        "insight": "The API connects the client to the database",
        "dataContext": {
          "source": "VSLZ visual identity fixtures",
          "synthetic": true
        },
        "layout": "dagre",
        "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"
            }
          ]
        }
      }
    },
    {
      "id": "evidence",
      "kind": "chart",
      "role": "evidence",
      "spec": {
        "insight": "Both groups rise across the three supplied observations",
        "title": "Movement through two measures",
        "dataContext": {
          "unit": "units",
          "period": "2025",
          "source": "VSLZ editorial fixture",
          "synthetic": true
        },
        "type": "scatter",
        "data": [
          {
            "x": 1,
            "y": 2,
            "entity": "A"
          },
          {
            "x": 2,
            "y": 4,
            "entity": "A"
          },
          {
            "x": 3,
            "y": 6,
            "entity": "A"
          },
          {
            "x": 1,
            "y": 3,
            "entity": "B"
          },
          {
            "x": 2,
            "y": 6,
            "entity": "B"
          },
          {
            "x": 3,
            "y": 9,
            "entity": "B"
          }
        ],
        "encoding": {
          "x": "x",
          "y": "y",
          "series": "entity"
        },
        "template": "connected_scatter"
      }
    }
  ]
}

Dependencies and radar compare

Preparing the evidence view…
Complete infographic JSON
{
  "template": "evidence_network",
  "title": "Dependencies and radar compare",
  "insight": "Entity A leads on reliability while Entity B leads on speed",
  "dataContext": {
    "source": "VSLZ independent synthetic examples",
    "synthetic": true
  },
  "note": "The network illustrates structure; the chart is separate illustrative evidence. No causal link is asserted.",
  "blocks": [
    {
      "id": "mechanism",
      "kind": "network",
      "role": "mechanism",
      "spec": {
        "title": "Delivery dependencies",
        "insight": "The API connects the client to the database",
        "dataContext": {
          "source": "VSLZ visual identity fixtures",
          "synthetic": true
        },
        "layout": "dagre",
        "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"
            }
          ]
        }
      }
    },
    {
      "id": "evidence",
      "kind": "chart",
      "role": "evidence",
      "spec": {
        "insight": "Entity A leads on reliability while Entity B leads on speed",
        "title": "Multi-criteria comparison",
        "dataContext": {
          "unit": "units",
          "period": "2025",
          "source": "VSLZ editorial fixture",
          "synthetic": true
        },
        "type": "line",
        "data": [
          {
            "criterion": "Speed",
            "score": 8,
            "entity": "A"
          },
          {
            "criterion": "Quality",
            "score": 6,
            "entity": "A"
          },
          {
            "criterion": "Reliability",
            "score": 9,
            "entity": "A"
          },
          {
            "criterion": "Speed",
            "score": 6,
            "entity": "B"
          },
          {
            "criterion": "Quality",
            "score": 9,
            "entity": "B"
          },
          {
            "criterion": "Reliability",
            "score": 7,
            "entity": "B"
          }
        ],
        "encoding": {
          "category": "criterion",
          "series": "entity",
          "value": "score"
        },
        "template": "radar_compare"
      }
    }
  ]
}