chartsAndDataViz
Floating Node Graph
A diagram of connected nodes that fly outward from the center when entering the viewport and then float using phase-offset sine waves; the SVG edges (solid and dashed) are redrawn every frame from the same motion values, so they never drift apart from the nodes.
See it live and copy its promptWhat you can adjust
- Entrance duration
- Node stagger
- Float speed
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.
