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)

a374f8b1e280480d879efb7bf43bf9be

Fork of Circles with D3

0 stars3🌍 Public
NNandini Maddula
Last edited Feb 28, 2024
Created on Feb 27, 2024
Forked from 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 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!