Data & motion · 25 blocks
Dashboards
25 open-source dashboards blocks for Pantheon Content Publisher (P1) and plain React + Tailwind. Copy the code or hand the brief to your coding agent.
- Dashboard GridThe layout for dashboard widgets: a titled section with a drop zone that arranges widgets in 1–4 columns.No dependencies
- KPI CardOne headline metric with change vs. a prior period and a sparkline. Every value binds to a P1 data source.No dependencies
- Data TableA report table with auto right-aligned numeric columns, status badges, and a scrollable captioned layout.No dependencies
- LeaderboardA ranked list sorted highest first, with proportional bars, top-three emphasis and an optional top-N limit.No dependencies
- Progress GoalsLabelled progress bars for several goals showing current of target and percent, with exceeded goals marked.No dependencies
- Gauge MeterA semicircle gauge with up to three named bands, showing the value and its band as text.No dependencies
- Funnel ChartA conversion funnel with counts, share of the first stage, step conversion and the biggest drop-off called out.No dependencies
- Uptime StatusA status-page widget: overall banner, per-service status and uptime, and a bar for each day of history.No dependencies
- Activity FeedRecent gifts, sign-ups, updates, alerts and milestones on a vertical timeline with a view-all link.No dependencies
- Period ComparisonThis period against the last, metric by metric, with absolute and percent change worked out for you.No dependencies
- Live MetricOne number that refreshes in the visitor's browser from a public JSON endpoint, with a server-rendered fallback.No dependencies
- Line ChartTrend lines for up to three series with each series' latest value in the legend and a data table for screen readers.No dependencies
- Bar ChartCompare categories as columns or a labelled bar list, with optional sorting and a target line.No dependencies
- Donut ChartHow a total breaks down, with the total in the center and values and percentages in the legend.No dependencies
- Heatmap CalendarA year of daily activity as a week-by-day grid, with total, active days and busiest day worked out.No dependencies
- Stacked Area ChartTwo to four series stacked over time, with a legend of each series' latest value and the running total.No dependencies
- Scatter PlotPlot items on two measures with optional dot sizes, a least-squares trend line and labelled outliers.No dependencies
- Sparkline TableA compact metrics table with each row's current value, percent change and an inline trend line.No dependencies
- Stacked Bar ChartBreak each category into up to four segments, shown as amounts or as a 100% share.No dependencies
- Bullet ChartCompact gauges showing each measure's actual value against a target and poor, fair and good bands.No dependencies
- Waterfall ChartWalk from a starting value through each increase and decrease to a calculated ending total.No dependencies
- Radial ProgressOne to four ring gauges side by side, each showing progress toward its target.No dependencies
- Metric GridUp to nine small stats with changes in one dense card for an at-a-glance overview.No dependencies
- Milestone TrackerProject milestones with due dates, written status labels and an overall percent-complete bar.No dependencies
- Alerts PanelThreshold alerts listed by severity with icons, times and action links, or an all-clear state.No dependencies