Patterns and techniques for building self-contained HTML/JS dashboards with Chart.js, filters, interactivity, and professional styling.
| <1,000 rows | Embed directly in HTML. Full interactivity. | | 1,000 - 10,000 rows | Embed in HTML. May need to pre-aggregate for charts. | | 10,000 - 100,000 rows | Pre-aggregate server-side. Embed only aggregated data. | | >100,000 rows | Not suitable for client-side dashboard. Use a BI tool or paginate. |
Instead of embedding raw data and aggregating in the browser:
Build self-contained interactive HTML dashboards with Chart.js, dropdown filters, and professional styling. Use when creating dashboards, building interactive reports, or generating shareable HTML files with charts and filters that work without a server. Source: anthropics/knowledge-work-plugins.