🌍 Public
Viewing a saved revision (read-only)
c6edf33ea7324c2aa279e8d5946c0731
Fork of 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 descriptionCreating 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!