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)

c6edf33ea7324c2aa279e8d5946c0731

Fork of Circles with D3

0 stars0🌍 Public
Cchamarthisreenivasvarma@gmail.com
Last edited Mar 7, 2024
Created on Feb 28, 2024
Forked from Circles with D3

This example builds a cheerful figure of a snowman from basic geometric shapes, using D3.js to bind data arrays to SVG circles, lines, rectangles, and polygons. The code explicitly sets coordinates, radii, and colors for each element, including the snowman’s body, eyes, and a striped hat, while also drawing a ground line and a decorative arc via d3.arc. A separate CSV file is loaded with d3.csv, and its row and column counts are displayed in a message container. The visualization relies on D3’s data joins and static SVG attributes rather than transitions or scales.

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

Svelte

Here's a video on how to get started with Svelte as well!