# Line chart

Line chart: a free component, built on your design tokens, to use for a trend over time, such as a price, a usage figure or a measurement week by week. One or two values over time as lines on a light grid, with the highest and lowest marked and a button that shows the same numbers as a table.

Prompt: Add the OpenDesigner component line-chart to this project: https://opendesigner.dev/library/line-chart.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: one or two series, missing values as gaps, shown as a table.

Accessibility: The drawing is hidden from screen readers; a data table with row and column headers carries every value and is always readable, and the button shows it on screen.

File: https://opendesigner.dev/library/line-chart.html

Catalog entry (parts, data limits, states, tokens): https://opendesigner.dev/library/line-chart.json

Download: `curl -fsSLo line-chart.html https://opendesigner.dev/library/line-chart.html`