Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Circles with D3

Public visualization

Viewing a saved revision (read-only)

9f9f3a72c2db4a7ab64751271e410909

Fork of Fork of Circles with D3

0 stars0🌍 Public
Eeschuman20@gmail.com
Last edited Jan 12, 2024
Created on Jan 12, 2024

This example renders a set of seven semi-transparent, solid-colored circles positioned across an SVG canvas. The data is a hardcoded array of circle properties, including x, y, radius, and fill color, which the code binds to SVG circle elements using D3’s data join. The visualization is created with d3.select and d3.selectAll, while the fixed coordinates and radii produce a static, abstract composition. The code sets the SVG background to a light ivory and uses a concise, data-driven approach to generate the shapes.

AI-generated description

Creating circles with D3.

Challenge

  • Fork this example
  • Modify it
  • Maybe make it Halloween themed
  • Maybe make it Christmas themed
  • Be creative