Area chart · Material
A responsive SVG area chart that layers a part (cached requests) over a whole, with a peak headline, keyboard-focusable time slices with tooltips and an accessible data table.
Design · Material1 / 20
Tonal accent gradient areas with a stronger cached layer, dashed guides, a tonal peak chip and an M3 plain tooltip.
Motion
Both areas grow up from the baseline together, revealed by a rising clip, then the peak marker pops in.
Accent
A responsive SVG area chart that layers a part (cached requests) over a whole, with a peak headline, keyboard-focusable time slices with tooltips and an accessible data table.
chartareatrafficanalyticssvgdata-vizdashboardtime-series