# Plot

Line charts drawn as light on glass, or as ink on a panel: gridlines faint, two traces at most, a red line for now.

Kit part · With the Kit · https://tactileui.dev/parts/plot

> The code and styling for this part come with the Tactile UI Kit, which is in the Founder Pass. Sign in if you have it. Sign in: https://tactileui.dev/auth/sign-in The price: https://tactileui.dev/pricing

## Anatomy

Plain SVG with five classes; the kit colours them through tokens, so the same plot prints in ink on a panel and in light inside glass. You draw the paths: the kit has no charting engine and does not pretend to. The dashboard template has a twenty-line example.

## Variants

- One trace
- Two traces, no fill
- Ink on a panel

## States

- Whole day
- Up to now

## Props and options

| Name | Kind | Description |
| - | - | - |
| aria-label | attribute | Say the peaks. |

## Usage notes

Switch the stage between finishes: the traces follow the ink on a panel, and glow on glass.

## Accessibility

- The second trace differs by dash as well as tone.

## Related parts

- [Glass](https://tactileui.dev/parts/glass): Dark display glass for plots and live readouts, whatever the finish around it. Everything printed inside it is lit.
- [Readout](https://tactileui.dev/parts/readout): A printed label over a value: key figures, with the unit small and the change in words.
- [Table](https://tactileui.dev/parts/table): Rows of data with printed column labels, figures right-aligned in columns, and status in lamps with words.