Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Refactoring Circles

Public visualization

Refactoring Circles

0 stars1🌍 Public
KKamalabot
Last edited Jul 8, 2022
Created on Jul 8, 2022
Forked from Circling Circles

A large green circle fills the viewport, surrounded by four smaller blue circles positioned at its cardinal points, each with yellow strokes. A thin black arc curves inside the green circle, adding a subtle geometric accent. The visualization is rendered as SVG through React components, using D3’s `arc()` generator to define the curved path. All elements are drawn in a static, non-interactive layout, with dimensions computed from the browser window size.

AI-generated description

Testing my ability to work with JS, D3 and create circling circle.

  • Begin by creating the template in svg/html
  • Transfer them to JS using react framework

Comments

Sign in to join the discussion.

MIT Licensed