Reference

Everything you can build and do in dvt.

Every chart, table, interaction, and block is a few lines of JSON. This is the full sheet: what exists, what it looks like, and the spec that produces it.

Browse chart types Open the Builder

Four sections

Pick a section

Counts are derived from the same data files that build the pages.

Charts

Every chart type dvt renders: when to use it, a live example, and the minimal JSON spec.

44 pages

Tables

Columns, formats, conditional colour, sparkline and bar cells, grouping, subtotals, and pivots.

9 pages

Interactions

Left-click and right-click actions, drill-downs, overlays, cross-filter, brush, and the 12 filter controls.

10 pages

Next up

Blocks

KPIs, stats, metric strips, text with live values, custom HTML, media, containers, and themes.

Edit the spec, watch it render

Spec in, dashboard out

dashboard.json

{
  "schemaVersion": 1,
  "meta": { "title": "Monthly Revenue" },
  "theme": { "tokens": { "semantic": {
    "chart.series.1": "#4F46E5"
  } } },
  "panels": [{
    "id": "rev",
    "type": "chart:bar",
    "title": "Monthly Revenue",
    "data": {
      "sourceId": "warehouse-prod",
      "query": "SELECT month, SUM(revenue) AS revenue\n               FROM analytics.sales GROUP BY month"
    },
    "spec": {
      "xAxis": { "type": "category", "name": "Month" },
      "yAxis": { "type": "value", "name": "Revenue ($k)" },
      "series": [{ "type": "bar", "barMaxWidth": 48 }]
    }
  }]
}

{
  "schemaVersion": 1,
  "meta": { "title": "Weekly Active Users" },
  "panels": [{
    "id": "wau",
    "type": "chart:area",
    "title": "Weekly Active Users",
    "data": { "metricRef": "metric.wau.weekly_series" },
    "spec": {
      "series": [{
        "type": "line",
        "smooth": true,
        "areaStyle": {}
      }]
    }
  }]
}

{
  "schemaVersion": 1,
  "meta": {
    "title": "Signup Funnel",
    "createdBy": { "actorType": "agent", "actorId": "claude-opus" }
  },
  "panels": [{
    "id": "funnel",
    "type": "chart:funnel",
    "title": "Conversion Funnel",
    "data": { "metricRef": "metric.funnel.signup_to_paid_30d" },
    "spec": {
      "steps": ["Signup", "Activated", "Trial", "Paid"],
      "series": [{ "type": "funnel", "label": { "show": true } }]
    }
  }]
}

Renders as: live ECharts

Follow the build

dvt is in founding research. Leave your email and we'll reach out when there's something to see — no newsletters, no noise.