🌍 Public
Viewing a saved revision (read-only)
cf5d2fb2c637445697d28bd122478c0c
Circular Geometric Patterns
This interactive visualization cycles through circular geometric patterns, drawing a series of overlapping circles and a connecting polyline at the center of an SVG canvas. The pattern evolves automatically as a timer increments both the number of nodes and a "skip factor" that determines the angular spacing between points. Built with React and D3 v5, it uses `d3.range`, `d3.line`, and `d3.curveLinearClosed` to generate points along a circle and construct the path, while React's `useState` and `useEffect` drive the animation loop.
AI-generated descriptionExperiments with geometric patterns. Developed in collaboration with Eric Rodenbeck.