Fieldbook
Sign in

Charts

Share Of Total Area Chart

Three monthly series rescaled so their values always sum to the full plot height, turning raw counts into a band of shares that always add to one hundred percent.

Using Share Of Total Area Chart

Three monthly series rescaled so their values always sum to the full plot height, turning raw counts into a band of shares that always add to one hundred percent.

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: accentColor, secondColor, thirdColor, showPercentAxis, 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

Gradient Area Chart
1860Gradient Area ChartChartsTwo stacked monthly series drawn as smooth areas whose fills fade from a strong tint at the top edge down to nearly clear at the baseline.
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.
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.
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.
Area chart lite
1525Area chart liteChartsA responsive SVG area chart with round axis ticks, a gradient fill, a crosshair that reads the sample under the pointer, and a draw-on wipe.
Chip legend pie
2316Chip legend pieChartsA solid pie chart with no on-slice labels, paired with a wrapped row of color chips beneath it that names every slice and highlights in sync on hover.