Fieldbook
Sign in

Charts

Stacked segment bar chart

A bar chart where two series stack into one column per month, the bottom segment in one accent and the top segment in another, with a small legend explaining the split.

Using Stacked segment bar chart

A bar chart where two series stack into one column per month, the bottom segment in one accent and the top segment in another, with a small legend explaining the split.

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: baseColor, topColor, barRadius, columnGap, animate

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

Stacked Area Chart
1907Stacked Area ChartChartsTwo monthly series stacked into filled bands where the outer edge traces the combined total and the seam between them shows how the split moves.
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.
Rounded bar chart
2275Rounded bar chartChartsA plain single series bar chart with generously rounded bar tops, faint gridlines and a value chip that appears over whichever bar is hovered.
Series icon area chart
1906Series icon area chartChartsA stacked area chart whose legend gives every series a small drawn direction glyph beside its swatch, and lets you mute a band by clicking it.
Signed value bar chart
2284Signed value bar chartChartsA monthly bar chart centered on a zero line, with bars rising in one colour and dropping in another depending on their sign.
Two series area legend
1909Two series area legendChartsA stacked two series area chart with a legend beneath the plot that shows each series total and can isolate one series at a time.