Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Circular Geometric Patterns

Public visualization

Circular Geometric Patterns

1 star1🌍 Public
EEric Rodenbeck
Last edited Nov 21, 2019
Created on Nov 18, 2019

This example renders a geometric pattern of eight circles arranged in a circular layout, with a blue polyline connecting their centers. Using React and D3 v5, the code computes circle positions from trigonometric functions, sizes each circle by the segment length between adjacent points, and draws the connecting path via `d3.line` with `curveLinearClosed`. The static SVG visualization is centered on a 960×960 canvas, with circles stroked in light gray and the polyline highlighted in blue.

AI-generated description

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

Comments

Sign in to join the discussion.

MIT Licensed