Circular Flow

This flow covers the 8 steps shared by 3 chart types — Pie, Doughnut, and Radial Bar. Unlike the standard Cartesian flow, Step 6 Add Series is skipped: Circular charts work with a single data set and do not support multiple series.

Chart Types Using This Flow

Chart Type	Primary Use	Page
Pie Series	Share distribution — parts of a whole	Pie
Doughnut Series	Ring + center KPI value	Doughnut
Radial Bar Series	Multi-category progress bar	Radial Bar

Gauge Is a Separate Flow

For single instantaneous value display (OEE, temperature, pressure) → Gauge Charts. The Gauge flow uses a dedicated Axis Design screen.

Flow Diagram

flowchart LR
    A[1. Group<br/>Circular] --> B[2. Chart Type<br/>Pie/Doughnut/Radial Bar]
    B --> C[3. Compass Record]
    C --> D[4. Axis Config<br/>Label + Value]
    D --> E[5. Series Design<br/>Color · Radius · Label]
    E --> G[7. General Design<br/>Title · Legend · Tooltip]
    G --> H[8. Card Design]
    H --> I[9. Display Info]

Step Pages

This flow runs 8 of the wizard steps (6 is not present):

#	Step	Page	Key Content
1	Group Selection	01 — Group Selection	Select the Circular card
2	Chart Type Selection	02 — Chart Type	Pie / Doughnut / Radial Bar card
3	Compass Record Selection	03 — Compass Record	Record returning label + value columns
4	Axis Configuration	04 — Axis Config	X = CategoryAxis (label), Y = NumericAxis (value)
5	Series Design	05 — Series Design	Color palette, radius, data labels, type-specific fields
7	General Design	07 — General Design	Title, Legend, Tooltip
8	Card Design	08 — Card Design	Refresh, Border, Info Card
9	Display Information	09 — Display Info	Name, Tags, Folder

Steps Not in This Flow

Skipped Step	Purpose in the standard flow	Why it isn't needed here
6 — Add Series	Add a second/third series to the chart	Pie and Doughnut work with a single data set; Radial Bar automatically renders all categories in the same series

Common Data Requirements

Column	Type	Role
X (label) column	TEXT	Slice / ring category (e.g., `shift`, `product_code`)
Y (value) column	NUMERIC	Slice size / progress value

-- Example: production share by shift (Pie / Doughnut)
SELECT
    shift             AS slice_label,
    SUM(quantity)     AS production_qty
FROM production_log
WHERE DATE(ts) = CURRENT_DATE
GROUP BY shift
ORDER BY production_qty DESC;

For Radial Bar

Each row in a Radial Bar becomes a separate radial ring — the query must return multiple rows. Preparing the value column as a percentage in the 0–100 range makes progress naturally readable.

Next Step

→ 01 — Group Selection