Skip to main content
100%

Circular Geometric Patterns

✓ Published3🌍 Public
CCurran Kelleher
Last edited Oct 9, 2025
Created on Nov 19, 2019

A grid of overlapping circular geometric patterns radiates from the center of an SVG canvas, each layer composed of translucent circles and a blue polyline connecting nodes arranged around a circle. The visualization iterates through combinations of node counts and skip factors, generating distinct starburst-like shapes. Using React, it renders each pattern as a `Star` component that computes node positions with trigonometry and draws circles plus a `d3.line` path with `curveLinearClosed`. The code leverages `d3.range` to generate data and controls parameters like radius and center coordinates.

AI-generated description

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

MIT Licensed

Similar vizzes