🌍 Public
Viewing a saved revision (read-only)
fe69d062c1334915bbd7e5abe92b4e2b
Fork of Circles with D3
Colorful translucent circles of varying sizes and positions float over a soft green background. Built with Svelte and D3, the visualization uses d3-selection to bind an array of six circle data objects to SVG circle elements. Each circle’s x, y, radius, and fill color are set directly from the data, with a fixed opacity of 0.708. The simple, static composition highlights how data-driven attributes can be efficiently mapped to visual properties in a Svelte component.
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!