One-line description of what this dashboard tracks and why it matters.
Top-line metrics. Keep to four; if you have more, split into two bands or move secondary metrics into a detail section.
A Chart.js bar chart wired up with the brand palette via the tok() helper. Add datasets, change to type: 'line', swap colors as needed.
Bare table, no card wrapper, monospace tabular numerals so columns align. Add .dense on the table for tighter rows; use tr.total for the summary row.
| Match | Date | Tickets | Revenue | Delta |
|---|---|---|---|---|
| vs. Charlotte | May 9 | 3,241 | $94,820 | +12.4% |
| vs. Tampa Bay | May 16 | 2,887 | $81,114 | +8.1% |
| vs. Asheville | May 30 | 3,612 | $108,930 | +21.7% |
| vs. Charleston | Jun 6 | 2,194 | $58,490 | -4.2% |
| Total | 11,934 | $343,354 | +9.5% |
Tabs for view switching, segmented controls for time ranges. Wire these to filter the data in trend and detail sections above.
Replace this paragraph with the filtered view body. The tabs and segmented control above are not yet wired — add a click handler to .tab and .seg that swaps the .active class and re-renders the data below.