Fieldbook
Sign in

Charts

Spoke area chart

A polar plot where labelled spokes carry one series as a translucent closed shape over a polygon grid, with a readout that snaps to the nearest spoke.

Using Spoke area chart

A polar plot where labelled spokes carry one series as a translucent closed shape over a polygon grid, with a readout that snaps to the nearest spoke.

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, fillOpacity, rings, strokeWidth, 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 code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

Vertex Dot Radar
2460Vertex Dot RadarChartsA single series polar chart that pins a solid dot on every axis corner so each measured value reads as a point rather than only as a silhouette.
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.
Concentric Ring Radar
2323Concentric Ring RadarChartsA polar chart whose scale is drawn as true concentric circles instead of nested polygons, so the plotted shape reads against a smooth target backdrop.
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.
Gridline area chart
2099Gridline area chartChartsA card-framed area chart with two overlapping filled layers, rounded axis ticks, a faint gridline and a footer line calling out the trend.
Single Hoop Radar
2429Single Hoop RadarChartsA pared back polar chart with exactly one reference hoop and no spokes, so the series shape is read against a single threshold ring.