Interactions

10 ways a dvt dashboard responds to a click, a drag, or a filter.

Left-click and right-click actions, drill-down, overlays, cross-filter, brush selection, and the 12 filter control kinds a dvt dashboard ships with are all declared in the JSON spec, with no event-handler code to write. Every one of them is interactive-only: a static render, a scheduled export, or a PNG shows the dashboard in its default state.

Click actions

What happens when a reader clicks or right-clicks an element on a dvt dashboard.

Left-click actions (onClick)

Filter, drill, or open an overlay from a single left-click, with a built-in hover affordance.

Right-click menus (contextMenu)

A right-click menu mixing filter, drill, link, copy, export, and overlay actions on one element.

Navigation

Moving a reader between pages and overlays without leaving the dashboard.

Drill-down (drill action)

Click a chart to navigate to a detail page prefilled with the clicked value.

Overlays (openOverlay action)

Open a detail page as a modal or drawer from a click, without leaving the current page.

Filtering

Controls and cross-panel bindings that narrow what a dashboard shows.

Filter controls

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

Cross-filter (filter action)

Click a chart to filter other panels on the page via a shared param.

Brush selection

Drag across a chart's axis to select a range and filter other panels.

Filter bar

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

Layout & binding

How panels declare the params and structure that interactions bind to.

Tabs (container panel)

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

Params & query binding

Declare the named values a panel's query reads and see how interactions write them.

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.