Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Circles with D3

Public visualization

Viewing a saved revision (read-only)

3122839da5ea48809373c89d153b2edd

Fork of Circles with D3

1 star1🌍 Public
AAkanksha
Last edited Jan 29, 2024
Created on Jan 16, 2024
Forked from Circles with D3

This visualization displays a simple Christmas tree built from three red, blue, and green circles representing layered tree sections, alongside a brown rectangle for the base, all set against a light blue background. The code uses d3’s selection API, including `selectAll` and `join`, to render the SVG shapes. It employs the `d3` library to dynamically compute circle and rectangle positions based on the container’s dimensions, with the tree’s data defined in an array of objects. The example is based on a forked template, offering a creative, holiday-themed modification.

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