Chart Compositions
Tailwind CSS dashboard chart modules with filters, tabs, legends, card grids, and supporting interface controls.
Stacked columns sit beside a breakdown panel, with header totals across the top of the card.
A heatmap grid sits beside a breakdown panel, with controls and summary rows wrapped around it.
Two filled series share one plot, with totals and controls stacked above the chart.
The bar chart sits beside a tabbed side panel with progress ranges and supporting links.
A wide line-chart card is paired with smaller metric tiles in one dashboard-style grid.
Header tabs switch the state while the bar chart and summary blocks stay in one card.
A datepicker and metric header sit above the line chart, with the trend taking the full lower panel.
A compact metric header sits above a multi-series line chart in one reporting card.
Tabs swap the breakdown panels while the area chart stays anchored above the supporting stats.