chartsAndDataViz
Chart Drawing With Guide Dot
An SVG line chart revealed by a clip rect whose width grows with a cubic ease-out, while a dot travels along the actual curve using getPointAtLength and a floating label appears and moves along with it.
See it live and copy its promptWhat you can adjust
- Drawing duration
- Label threshold
- Dot stop
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.
