Fieldbook
Sign in

Charts

Straight segment line

A bare single series chart drawn as straight segments from point to point, with no markers, so every turn in the data stays exactly where it happened.

Using Straight segment line

A bare single series chart drawn as straight segments from point to point, with no markers, so every turn in the data stays exactly where it happened.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: accent, strokeWidth, showGrid, showAxis, animateOnMount

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

Dotted Trend Line
2294Dotted Trend LineChartsA smooth single series curve with a filled marker on every point and a ringed marker that snaps to whichever point the pointer is nearest.
Plain trend line
2288Plain trend lineChartsA minimal single series line chart with a smooth undecorated curve and no point markers, kept as bare and legible as a trend line can be.
Forecast tail line
1859Forecast tail lineChartsA dashed continuation that carries a series past its last real point to a horizon, drawing itself out and landing on a hollow marker.
Glyph Marker Line
2290Glyph Marker LineChartsA monthly trend line whose data points are drawn glyphs rather than plain dots, each one punched out of the line so the stroke appears to pass behind it.
Paired Series Line
2397Paired Series LineChartsTwo smoothed series over the same months on a shared scale, with a hover guide that reads both values side by side in one panel.
Series Switch Trend
2292Series Switch TrendChartsA ninety-day trend line with two total tiles in the header; picking a tile morphs the line to that series and tweens the stroke to its accent.