Charts & Stats
v1.0.0Added in 1.0.0
Trends over time as smooth lines, with a crosshair readout of every series, a dashed comparison period, target lines and direct end labels.
Each line draws itself from left to right the first time the chart scrolls into view, the series a beat apart. Move the mouse over the plot and a crosshair snaps to the nearest point, the dots swell and a readout lists every visible series (it flips to the other side near the right edge). On a phone, tap a point to pin the readout above your finger, drag sideways to scrub through the points (a vertical drag still scrolls the page), tap the same point again or anywhere outside to clear it. With the keyboard, Tab to the plot: Left / Right walk the points, Home / End jump to the ends, PageUp / PageDown move by ten, Enter fires onDatumClick and Escape clears; a live region reads each point. Click or tap a legend entry to hide its series (the others rescale and glide), hover or focus one to highlight it. When the data changes, the lines morph to their new shape.
npx wingo-ui@latest add line-chartPro item: the CLI needs a Pro account. See plans
Northwind CRM, January – September, amounts in USD
| Period | Revenue | Expenses |
|---|---|---|
| January 2026 | 84,200 | 61,300 |
| February 2026 | 91,800 | 64,900 |
| March 2026 | 88,400 | 70,100 |
| April 2026 | 102,600 | 68,800 |
| May 2026 | 110,900 | 74,200 |
| June 2026 | 98,700 | 79,600 |
| July 2026 | 106,300 | 72,400 |
| August 2026 | 97,500 | 69,900 |
| September 2026 | 128,450 | 81,200 |
tooltip: autolegend toggle: ondraw-in: onarea: offconnect nulls: off