Circular charts are chart types of the Chart block. They arrange data around a center instead of along horizontal and vertical axes. To build one, add a Chart block and set Chart Type to Pie, Radar, Gauge, Radial Bar, Radial Column or Radial Scatter. Most of them offer a Center slot — a nested block rendered in the middle of the chart.
Tip: Use Pie for part-to-whole slices, Gauge for one value against a minimum–maximum range, Radar to compare several measurements across the same categories, and Radial Bar to show each row as its own ring.
Pie
Part-to-whole slices from one category field and one value field. This is a summary; for donuts, semi-donuts, legends and slice order, see Pie & Donut Charts.
Setting | What it controls | Where to set it |
|---|---|---|
Group by | The field whose distinct values become slices. | Content → Group by |
Series | Exactly one series (label and value field). | Content → Series |
Slice Width | Ring thickness: sm, md (default), lg, or full (a solid pie with no hole). | Appearance → Slice Width |
Angle | Start and end angle in degrees. Defaults to 0°–360°. | Appearance → Angle |
Total | Shows the summed value in the center hole. Appears only when Slice Width is not full. | Appearance → Total |
Slots → Center | A nested block rendered in the hole. | Content → Slots |
Note: A Pie draws only its first series; extra series are ignored. Slices keep the data's row order — there is no automatic sorting.
Gauge
A single value drawn as a partial arc against a minimum–maximum range, with an optional target marker.
Setting | What it controls | Where to set it |
|---|---|---|
Group by | The category field. Each value adds a segment of the arc. | Content → Group by |
Series | Exactly one series. Its detail panel adds Minimum, Maximum and a target Value. | Content → Series |
Thickness | Arc thickness, from xs to 2xl. | Appearance → Thickness |
Angle | Start and end angle. Defaults to −130° to 130°. | Appearance → Angle |
Indicator | Color and thickness of the target marker. | Appearance → Indicator |
Ticks | Minimum and maximum tick labels on the arc. | Appearance → Ticks |
Note: A Gauge has no tooltip and never shows a legend. When the value reaches or passes Maximum, the arc simply fills completely — nothing signals the overflow.
Configuring a target gauge
Add a Chart block and set Chart Type to Gauge.
Bind the data and set the series value field to your metric.
In the series detail panel, set Minimum to 0, Maximum to your quota and Value to the target.
Style the target marker under Indicator.
Radar
Each category value becomes a spoke, and each series draws one filled shape across the spokes.
Setting | What it controls | Where to set it |
|---|---|---|
Spokes → Value | The field whose values label the spokes. | Content → Spokes |
Measurements → Series | One shape per series. | Content → Measurements |
Spokes / Measurements grid lines | Lines between spokes, radial rings and value ticks. | Appearance → Spokes / Measurements |
Slots → Center | A nested block in the middle. | Content → Slots |
Note: All spokes share one scale. One large measurement flattens the variation on every other spoke, so bring scores to a common range first.
Radial Bar
Each row becomes its own concentric ring. Rings are filled in proportion to the largest row, which always fills its whole track — not as a percentage of a fixed maximum.
Setting | What it controls | Where to set it |
|---|---|---|
Angular Axis → Value | The category field — one ring per value. | Content → Angular Axis |
Radial Axis → Series | The measures. Several series stack within each ring. | Content → Radial Axis |
Bar Background Color | Color of the unfilled part of each ring. | Appearance → Bar Background Color |
Slots → Center / Data Label | A nested block in the middle; a custom label block per ring. | Content → Slots |
Radial Column
Columns radiate outward from an inner circle. Its content settings match Radial Bar (Angular Axis, Radial Axis, Center and Data Label slots). In Appearance, Inner Radius sets the size of the empty middle and Bar Background Color sets the track behind each column. Negative values are drawn as zero.
Radial Scatter
Points are placed around the circle by category, at a distance set by the value. Set Angular Axis → Value to the category field, give Radial Axis exactly one series, and optionally map Bubble → Size to a field that controls point size. Radial Scatter shows no tooltip on hover; click a point to highlight it.
Events
Event | Trigger |
|---|---|
On Data Point Click | Fires when the user clicks a slice, ring, column or point. Set it under Content → Interactions. |
Related Pages
Page | Relationship |
|---|---|
The full Pie reference: donut and semi-donut set-ups, legends, slice order | |
Scatter, Bubble and Heat Map charts for correlation and intensity | |
Data binding, methods and exposed state shared by the Chart block |