🌍 Public
Creating SVG Badass
This example shows a collection of six colored circles scattered across a light green SVG canvas, each with varying size, position, and opacity. The code uses D3's `select` and data join to bind an array of circle objects to SVG elements, setting attributes like `cx`, `cy`, `r`, and `fill` directly. It’s a minimal starting point for building custom SVG visualizations within a Svelte component, with the data hardcoded in the JavaScript source.
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!
MIT Licensed








Comments
Sign in to join the discussion.