Charts, metrics, tables, comparisons, meters, and dashboards for analytical results.
Browse every data visualization component and distinct Storybook variant available to HeroUI Agent, including mobile and empty states. Every preview renders the real agent-ui implementation; schema-backed examples expose their exact payload in the Contract tab.
Compose several generated components into chart-table, grid, metrics-chart, or stacked layouts.
Pair each headline value with a sparkline of its own history, so the number arrives with the shape behind it. Use this whenever the series is available and reach for the metric grid only when it is not — the trend is never inferred from a single point.
Present headline values, semantic icons, and change indicators in a responsive metric grid.
Plot one or more numeric series across an ordered horizontal dimension.
Show time-series or categorical trends with an optional stacked area treatment.
Compare categories with horizontal or vertical bars and optional stacking.
Combine area, bar, and line series across shared left and right axes.
Show genuine open, high, low, and close values across an ordered time dimension.
Show a part-to-whole comparison for a compact set of categories.
Display a part-to-whole comparison with a compact central opening.
Visualize ordered stage drop-off vertically or horizontally, with optional conversion percentages.
Compare several series across a shared set of qualitative dimensions.
Show progress or magnitude along a configurable radial range.
Display one bounded value as an arc or compact linear gauge.
Explore hierarchical part-to-whole data through nested proportional rings.
Visualize weighted flow between named nodes in a directed network.
Plot two numeric dimensions with optional groups, labels, and bubble sizes.
Encode intensity across two categorical or ordered dimensions.
Render structured rows with typed columns, number formatting, and optional filtering.
Rank or compare labeled values with optional change indicators and explanatory notes.
Display capacity, progress, or goal values against configurable ranges.
