Fieldbook
Sign in

Charts

Paired Series Line

Two smoothed series over the same months on a shared scale, with a hover guide that reads both values side by side in one panel.

Using Paired Series Line

Two smoothed series over the same months on a shared scale, with a hover guide that reads both values side by side in one panel.

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: primaryColor, secondaryColor, strokeWidth, showGuide, showGrid

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

Paired bar chart
2281Paired bar chartChartsA grouped bar chart where each month shows two side-by-side bars, one per series, for comparing two measures across the same categories.
Stepped Value Line
2444Stepped Value LineChartsA single series drawn as flat runs and vertical jumps, the shape you want when a value holds steady until it changes.
Category dot line
2287Category dot lineChartsA single smooth curve across five named categories where each point marker is colored from a hue-rotated accent ramp, so the markers double as the legend.
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.
Named point line
2291Named point lineChartsA line across five categories that prints each category name above its point instead of a number, leaving the value to the hover readout.
Smooth Area Trend
1888Smooth Area TrendChartsA single series area chart with a smoothly curved top edge, a soft tinted fill, faint horizontal gridlines and a readout that follows the pointer.