Line chart · Material

A responsive SVG line chart with a year-over-year comparison line, headline figure, keyboard-focusable points with tooltips and an accessible data table.

Design · Material1 / 20

Smooth accent line with a dotted last-year comparison, dashed guides, a tonal change chip and an M3 plain tooltip.

Motion

The line traces left to right along its path while the markers pop in as it passes.

Accent

A responsive SVG line chart with a year-over-year comparison line, headline figure, keyboard-focusable points with tooltips and an accessible data table.

Category
Charts
Designs
20
Motions
Draw, Rise, Count up
Released
2026-11-16
chartlinetrendanalyticssvgdata-vizdashboardrevenue

All 20 designs

tap to preview above

Related components

More charts →