Area chart · High Contrast
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 · High Contrast20 / 20
Bold diagonal-hatched whole with a solid cached layer, 3px black outlines, a labelled peak and a 3px focus crosshair.
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