Playground

Edit a spec

Pick a chart and change its JSON. Errors read the same as in the CLI and MCP server.

Spec editor

Chart

{
  "type": "funnel",
  "data": [
    {
      "stage": "Visit",
      "users": 10000
    },
    {
      "stage": "Product view",
      "users": 6200
    },
    {
      "stage": "Cart",
      "users": 1900
    },
    {
      "stage": "Purchase",
      "users": 760
    }
  ],
  "encoding": {
    "label": "stage",
    "value": "users"
  },
  "card": {
    "number": "03",
    "title": "Funnel chart",
    "subtitle": "Users by stage",
    "takeaway": "Drop-off by stage",
    "level": "basic"
  }
}

Valid funnel spec

Preview

Funnel chart

Users by stage

Funnel chart data
Visit	10,000
Product view	6,200 · 62% of previous step
Cart	1,900 · 31% of previous step
Purchase	760 · 40% of previous step