Chart gallery

Evidence, with a point of view.

Explore 15 basic chart families and 4 editorial templates, including small-multiple lines, histograms, connected scatter and radar profiles. Add icons, glyphs and supplied inline images where identity helps. Compare layouts in the rendering lab, or start with a copyable prompt.

Editorial charts · Icons, glyphs and images

Waiting for chart layout…

TotalPositive driverNegative driver

Waiting for chart layout…

CurrentTarget

Waiting for chart layout…

Low–high interval

Waiting for chart layout…

Segment	Revenue · USDm	Growth · %	NRR · %
Enterprise	48	22	118
Mid-market	30	16	109
SMB	16	8	96
Partners	8	5	88

Editorial previews

Give the evidence room to explain.

These synthetic examples use the editorial renderer. Deployment availability depends on enabled features. Each editorial template adds a distinct form; ordinary chart families stay in the basic gallery.

small multiples line

Interactive preview · Illustrative data

Preparing the evidence view…

Complete chart JSON

{
  "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"
}

histogram distribution

Interactive preview · Illustrative data

Preparing the evidence view…

Complete chart JSON

{
  "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
  }
}

connected scatter

Interactive preview · Illustrative data

Preparing the evidence view…

Complete chart JSON

{
  "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"
}

radar compare

Interactive preview · Illustrative data

Preparing the evidence view…

Complete chart JSON

{
  "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"
}

Pinned public data

Same discipline, real source.

These World Bank snapshots are stored locally with source and as-of metadata; the gallery never fetches data at runtime.

Waiting for chart layout…

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 · chart icons

Curated icons in a separate identity key; numeric marks retain their geometry

Preparing the evidence view…

Complete example JSON

{
  "type": "bar",
  "title": "Output by team",
  "insight": "Product delivers twice the platform output",
  "dataContext": {
    "source": "VSLZ visual identity fixtures",
    "synthetic": true
  },
  "data": [
    {
      "team": "Product",
      "value": 40
    },
    {
      "team": "Platform",
      "value": 20
    }
  ],
  "encoding": {
    "category": "team",
    "value": "value"
  },
  "visualAssets": {
    "version": 1,
    "definitions": [
      {
        "id": "product",
        "kind": "icon",
        "key": "team"
      },
      {
        "id": "platform",
        "kind": "icon",
        "key": "server"
      }
    ],
    "bindings": [
      {
        "target": {
          "type": "category",
          "field": "team",
          "value": "Product"
        },
        "assetRef": "product",
        "placement": "label"
      },
      {
        "target": {
          "type": "category",
          "field": "team",
          "value": "Platform"
        },
        "assetRef": "platform",
        "placement": "label"
      }
    ]
  }
}

Identity · editorial glyphs

Vector glyphs identify categories without replacing or covering values

Preparing the evidence view…

Complete example JSON

{
  "type": "scatter",
  "title": "Output by team",
  "insight": "Product delivers twice the platform output",
  "dataContext": {
    "source": "VSLZ visual identity fixtures",
    "synthetic": true
  },
  "data": [
    {
      "team": "Product",
      "x": 1,
      "value": 20
    },
    {
      "team": "Product",
      "x": 2,
      "value": 40
    },
    {
      "team": "Platform",
      "x": 1,
      "value": 10
    },
    {
      "team": "Platform",
      "x": 2,
      "value": 20
    }
  ],
  "encoding": {
    "category": "team",
    "series": "team",
    "x": "x",
    "y": "value"
  },
  "visualAssets": {
    "version": 1,
    "definitions": [
      {
        "id": "product",
        "kind": "glyph",
        "key": "diamond"
      },
      {
        "id": "platform",
        "kind": "glyph",
        "key": "circle"
      }
    ],
    "bindings": [
      {
        "target": {
          "type": "category",
          "field": "team",
          "value": "Product"
        },
        "assetRef": "product",
        "placement": "label"
      },
      {
        "target": {
          "type": "category",
          "field": "team",
          "value": "Platform"
        },
        "assetRef": "platform",
        "placement": "label"
      }
    ]
  },
  "template": "connected_scatter"
}

Identity · inline raster

Caller-supplied raster data, accessible alternative text and no server photo storage

Preparing the evidence view…

Complete example JSON

{
  "type": "bar",
  "title": "Output by team",
  "insight": "Product delivers twice the platform output",
  "dataContext": {
    "source": "VSLZ visual identity fixtures",
    "synthetic": true
  },
  "data": [
    {
      "team": "Product",
      "value": 40
    },
    {
      "team": "Platform",
      "value": 20
    }
  ],
  "encoding": {
    "category": "team",
    "value": "value"
  },
  "visualAssets": {
    "version": 1,
    "definitions": [
      {
        "id": "product",
        "kind": "image",
        "src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAXUlEQVR4nO3VsQkAIAxEUbdwSAdxWCsLe8E6OWKCBOTg6v+6pIy5nq4QIHBWW9cWBUDayCDAWMeGClzVgSEDjrpmZADuumgQIEDg01PhNsRO3j+4MkAh+yfHRyAf2Hl+rBGQyfWTAAAAAElFTkSuQmCC",
        "alt": "Synthetic blue circle badge",
        "fit": "contain"
      },
      {
        "id": "platform",
        "kind": "icon",
        "key": "server"
      }
    ],
    "bindings": [
      {
        "target": {
          "type": "category",
          "field": "team",
          "value": "Product"
        },
        "assetRef": "product",
        "placement": "label"
      },
      {
        "target": {
          "type": "category",
          "field": "team",
          "value": "Platform"
        },
        "assetRef": "platform",
        "placement": "label"
      }
    ]
  }
}

Evidence, with a point of view.

Revenue by segment

Performance versus plan

Revenue mix by region

Regional mix shares

Weekly activation rate

Cumulative activation trend

Growth vs operating efficiency

Operational friction by stage and segment

Revenue concentration

Bridge from Q1 to Q2 gross margin

Current performance vs target

Segment movement over time

Friction variance to plan

Delivery time range by workstream

Growth, efficiency, and scale

Segment scorecard

Give the evidence room to explain.

small multiples line

histogram distribution

connected scatter

radar compare

Same discipline, real source.

Population by country

Population change across the latest two observations

Annual population growth

Make entities recognizable.

Identity · chart icons

Identity · editorial glyphs

Identity · inline raster