Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Circular Geometric Patterns

Public visualization

Circular Geometric Patterns

1 star3🌍 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.

Comments

Sign in to join the discussion.

MIT Licensed