Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA line chart drawn in SVG that you pinch and pan to inspect, with a data table alternative, a readout of the focused point and Reset zoom. Use this when a phone chart has many points and people need to read values closely.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it when a phone chart has many points and people need to read values closely.
Do not use it for sparklines and small charts, or when a table of values answers the question.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
data | { label: string; value: number }[] | required | Points in order. |
title | string | required | Chart title, used as its accessible name. |
role="img" with a name that summarises it; a "Show data table" toggle reveals every value as a real table.The pattern ships with a Testing Library test (chart-pinch-zoom.test.tsx) that drives it through roles and the keyboard.