Fieldbook
Sign in

Charts

Rounded bar chart

A plain single series bar chart with generously rounded bar tops, faint gridlines and a value chip that appears over whichever bar is hovered.

Using Rounded bar chart

A plain single series bar chart with generously rounded bar tops, faint gridlines and a value chip that appears over whichever bar is hovered.

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, months, barRadius, barGap, 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

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.
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.
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.
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.
Stacked segment bar chart
2285Stacked segment bar chartChartsA 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.
Value tagged bar chart
2286Value tagged bar chartChartsA vertical bar chart where each bar carries its own number floating just above its tip, so the plot reads correctly without checking an axis.