Infigure Components
A premium gallery of pre-styled visualizations, KPIs, layout templates, and primitive elements. Select any component to preview its interactive state, copy code, or install it directly via CLI.
Callouts
Annotated Callout Pin
Anchor narrative attention to a specific datum.
Chart Plus Callout
Main chart with an adjacent narrative callout panel.
Comparison Panel
Paired comparison layout with headline and two object panels.
Executive Summary Band
Summary object with headline, value, status, filter context, legend, and source note.
Grid Layout
Repeated grid layout for multiple objects or story panels.
Headline Plus Chart
Headline-led story object with a large chart and compact supporting detail.
Insight Callout
Translate evidence into implication and action.
KPI Strip With Detail
Executive KPI strip with a larger detail object beneath.
Gauge (Arc)
Curved progress gauge with track and center value.
% Circle
Full circular progress ring with centered value.
Filter Chip
Compact visible filter context chip for analytical layouts.
Legend
compact legend key primitive for chart composition
Source Note
compact source, freshness, or caveat note for presentation layouts
Status Badge
Compact health or state badge for dashboard composition.
ShadCN Bar Chart Card
full ShadCN-style chart card with headline, metric callouts, and an embedded bar chart
Three Column Layout
Three-panel comparison layout for side-by-side narrative or analytical views.
Two Column Layout
Side-by-side layout for comparing two narrative or analytical panels.
Time Series
Area Chart
Show time-series trend with stronger emphasis on magnitude and accumulated movement.
Hero KPI + Sparkline
Headline metric with direction and momentum.
Line Chart
Standard time-series or ordered-series line chart.
Narrative Trend Line
Explain what changed over time and when.
Stacked Area Chart
Show how multiple component series contribute to the total over time.
Categories
Argument Bars 2
Argument bars rendered by a single managed JavaScript visual.
Combo Chart
Bar plus line combination for comparisons and trend in one view.
100% Composition Bars
Show changing share-of-total composition.
Funnel Chart
Funnel chart for ordered stage conversion or process drop-off.
Heatmap Matrix
Reveal intensity patterns across two dimensions.
Horizontal Bar Chart
Horizontal bars comparing discrete categories. Tuned as a first-class presentation chart rather than a low-level primitive.
Argument Bars
Show categories as stacked single-track comparisons against a shared maximum.
Ranked Bars (Top/Bottom N)
Focus attention on leaders and laggards.
Comparison Bar Chart
Compare categories across audience or product segments.
ShadCN Bar Chart - Interactive
dark presentation-first bar chart that mirrors the ShadCN interactive chart example
Variance Waterfall
Decompose net change into component drivers.
Vertical Bar Chart
Vertical bars comparing discrete categories. Tuned as a first-class presentation chart rather than a low-level primitive.
Waffle Chart
Waffle grid cells comparing discrete categories. Supports implicit stacking and diverging population pyramids.
Measures
Box Plot
Box plot for comparing distributions across categories using min, quartiles, median, and max.
Histogram
Show the distribution of a numeric field using binned frequencies.
KPI Strip (Multiples)
Quick executive scan across core metrics.
Metric Large
Single-value primitive for composition and reuse.
Metric Value + Label
Combine a KPI value with a supporting label in a compact card.
Observable Plot Histogram
Observable Plot histogram rendered by a single managed JavaScript visual.
Observable Plot Waffle
Reference implementation of a diverging waffle histogram using Observable Plot so it can be compared directly against the native waffle object.
PlotNine Stacked Area Chart
A Python-authored chart that runs in the browser via Pyodide and renders from the attached script asset.
Scatterplot
Show relationships and outliers.
ShadCN Metric Callout
single ShadCN-style stat callout with a muted label and oversized value
Small Multiples Grid
Repeated panel grid for scanning many related metrics or segments.
Target vs Actual (Bullet)
Compact progress against benchmark.
Code Visual
Attach a JS or TS visual asset and let Infigured handle placement, bindings, theme, and publishing around the raw source.