chartsAndDataViz
Overlapping activity rings
Past 100 percent the ring laps itself, and that has to be drawn: the excess goes as a SECOND arc from the same start, on top, with a shadow under its head. Without that shadow the lap is invisible and 118 percent looks exactly like 100. And the -90 degree rotation belongs on the group, not on each ring.
See it live and copy its promptWhat you can adjust
- Background
- Panel color
- Head color
- Exercise colour
- Standing colour
- Ring thickness
- Ring spacing
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
