Skip to main content
100%

Circular Geometric Patterns

✓ Published0🌍 Public
EEric Rodenbeck
Last edited Nov 19, 2019
Created on Nov 18, 2019

This animated example generates circular geometric patterns by placing points along a circle and drawing both the connecting polygon and overlapping circles around each point. As the animation runs, a continuously increasing skip factor and node count alter the points’ positions, producing evolving abstract shapes. The visualization uses React for state management and rendering, with D3’s `line` and `curveLinearClosed` to create the polygon path, while each circle’s radius is calculated from the distance between the first two points. The scene is rendered as SVG, with a blue semi-transparent outline tracing the polygon and gray strokes for the circles.

AI-generated description

Experiments with geometric patterns. Developed in collaboration with Eric Rodenbeck.

MIT Licensed

Similar vizzes