Blocks

16 blocks a dvt dashboard can carry, each declared in the JSON spec.

KPI cards, stats and metric strips, markdown text that prints live values from its own rows, hero and section headings, four custom-HTML tiles, dividers, media, an agent panel, and themes. All but themes are panels in the same panels array the engine validates, so an agent can write it and a reviewer can read it.

Numbers

Headline figures: KPI cards with comparison chips and sparklines, canvas stats, and metric strips.

KPI card

Declare the value, aggregation, comparison chip, and sparkline of a KPI card.

Stat

Declare a large canvas figure with a boolean delta chip and sparkline.

Metric strip

Lay several figures out in one card, each with its own field and format.

Narrative

Words on the page: markdown with live numbers, hero headlines, and section headings.

Text with live numbers

Write markdown that interpolates live numbers with field, aggregation, and format.

Hero

Declare a large opener with eyebrow, headline, subhead, and live numbers.

Section heading

Declare a heading with a subtitle and an optional rule beneath it.

Custom HTML

Hand-built tiles: sanitized HTML that reads the theme variables and can print live numbers.

Custom HTML tile

Render a sanitized HTML fragment styled with the theme CSS variables.

HTML badge grid

Lay out a grid of theme-coloured badges in a custom html panel.

HTML columns with live numbers

Arrange columns with CSS grid and interpolate live numbers into custom html.

HTML with inline SVG

Draw a progress ring with inline SVG and a scoped style block.

Layout and media

Structure around the charts: dividers, images, an embedded agent panel, a Snowflake-only python panel, and an action button.

Divider

Declare a horizontal or vertical rule with thickness, style, and inset.

Media

Place an image from an allowed source with fit, rounding, and a caption.

Agent

Name a Snowflake Cortex agent for an in-dashboard chat panel.

Python

Run Python on the warehouse when SQL cannot express the compute.

Action button

Declare a pressable call-to-action with a label, variant, icon, and one click action.

Themes

Presets, tokens, and per-page overrides that restyle every panel at once.

Themes

Combine a preset, primitive and semantic tokens, and overrides into one theme.

Controls

The filter and container panels are panel types too, but they belong to the interaction model, so they are documented in the Interactions section.

Filter controls

A standalone filter panel narrows any target panel via a bound param.

Filter bar

Group several filter panels into one horizontal bar above the charts.

Tabs (container panel)

Group panels into tabs so a page shows one view at a time.

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.