MokoConsulting/MokoSuiteInsight
1
0
Fork 0
generated from MokoConsulting/Template-Joomla
Code Issues 9 Pull Requests Packages Projects Releases 1 Wiki Activity

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

New Issue
Open
opened 2026-06-21 16:39:40 +00:00 by jmiller · 0 comments
jmiller commented 2026-06-21 16:39:40 +00:00
Owner
Copy Link
Copy Source

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.
Labels
Clear labels
breaking-change
Breaking API or behavior change
 ci-cd
CI/CD pipeline changes
 config
Configuration changes
 css
CSS/styling changes
 dependencies
Dependency updates
 deploy-failure
Deployment failed
 documentation
Documentation changes
 good first issue
Good for newcomers
 health-check
Repo health check result
 help wanted
Extra attention needed
 html
HTML/template changes
 joomla
Joomla extension
 major-release
Major version release
 minor-release
Minor version release
 mokostandards
Related to MokoStandards framework
 patch-release
Patch version release
 php
PHP code
 push-failure
Git push operation failed
 release-candidate
Release candidate build
 security
Security vulnerability or hardening
 size/l
200-500 lines changed
 size/m
50-200 lines changed
 size/s
10-50 lines changed
 size/xl
500+ lines changed
 size/xs
< 10 lines changed
 standards-drift
Deviates from MokoStandards
 standards-update
MokoStandards compliance update
 sync-failure
Sync or mirror failed
 version-drift
Version mismatch across files
 work-in-progress
Draft or incomplete work
No labels
Priority Medium
Type Feature
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
jmiller (Jonathan Miller)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: MokoConsulting/MokoSuiteInsight#3
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?