Report Builder
Self-serve report panel with metric and dimension selects, a date-range chip, visualization toggle, and a live stub preview area.
Self-serve report panel with metric and dimension selects, a date-range chip, visualization toggle, and a live stub preview area.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Report Builder is the self-serve report surface: a Metric Select (Monthly recurring revenue, New signups, Churn rate and others), a Dimension Select (Day, Week, Month, Plan, Region), a static date-range chip reading Jun 9 to Jun 13 2026, and a three-way visualization toggle for Table, Line, and Bar. The preview area below the controls goes live as soon as both selects have a value, showing stub table rows or a proportional bar frame labeled metric by dimension (preview).
Controls are separate const arrays for metrics, dimensions, and viz options. The toggle uses aria-pressed rather than a Radix component so it stays inside the preview root. Save report and Run report sit together at the bottom; Run is disabled until the form is ready.
Reach for this block on any reporting or analytics page where users compose their own queries, wired to your query endpoint to swap the stub rows for live results.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the business-metrics query builder. Other report surfaces:
Tip: disable Run report until both selects have a value so the empty-state message stays the only prompt the user sees before the form is complete.