🌍 Public
Viewing a saved revision (read-only)
a374f8b1e280480d879efb7bf43bf9be
Fork of Circles with D3
This example shows a static, CSS-powered natural scene of a butterfly placed over a light blue sky-like background. The butterfly is constructed from styled HTML elements, including pink wings, a black body, antennae, eyes, and legs, all positioned absolutely within a container. It uses no JavaScript libraries or data visualization APIs, relying instead on plain HTML and CSS properties like `border-radius`, `transform`, and absolute positioning to render the hand-coded decorative shapes. The scene is drawn directly in the browser from the markup in the index file.
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!