Widget library — charts, gauges, counters, tables, sparklines #3

Open
opened 2026-06-21 16:39:40 +00:00 by jmiller · 0 comments
Owner

Summary

Library of visualization widgets for dashboard building.

Widget Types

  • Counter: single KPI number with trend arrow (↑↓) and comparison period
  • Line chart: time series, multi-series, area fill
  • Bar chart: vertical, horizontal, stacked, grouped
  • Pie/Donut chart: category distribution with legend
  • Gauge: radial progress toward a target (0-100%)
  • Table: sortable data table with pagination
  • Sparkline: inline mini chart for compact display
  • Heatmap: calendar heatmap (like GitHub contribution graph)
  • Funnel: sales funnel visualization
  • Map: geographic data points (if lat/lng available)

Rendering

  • Chart.js 4 for all chart types
  • Server-side data, client-side rendering
  • Theme-aware (adapts to Joomla template colors)
  • Print-friendly CSS for PDF export
## Summary Library of visualization widgets for dashboard building. ## Widget Types - **Counter:** single KPI number with trend arrow (↑↓) and comparison period - **Line chart:** time series, multi-series, area fill - **Bar chart:** vertical, horizontal, stacked, grouped - **Pie/Donut chart:** category distribution with legend - **Gauge:** radial progress toward a target (0-100%) - **Table:** sortable data table with pagination - **Sparkline:** inline mini chart for compact display - **Heatmap:** calendar heatmap (like GitHub contribution graph) - **Funnel:** sales funnel visualization - **Map:** geographic data points (if lat/lng available) ## Rendering - Chart.js 4 for all chart types - Server-side data, client-side rendering - Theme-aware (adapts to Joomla template colors) - Print-friendly CSS for PDF export
Sign in to join this conversation.