Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Circles with D3 - JC

Public visualization

Viewing a saved revision (read-only)

a80544afe3984ca9884118adf02e7e07

Fork of Circles with D3 - JC

1 star1🌍 Public
Jjeirocoste@gmail.com
Last edited Jan 15, 2024
Created on Jan 15, 2024
Forked from Circles with D3

This example creates a Halloween-themed Jack-o’-lantern face using D3.js. It shows a black-and-white face with red mouth, distinct ears, and animated eyes, all rendered as overlapping circles on a green background. The code uses D3’s `selectAll` and `join` methods to bind circle and rectangle data arrays to SVG elements, setting each shape’s position, size, and fill color. A black rectangle represents the collar below the face. The visualization is built from static data arrays defined in the `index.js` file, using D3 version 7.8.5.

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