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)

3e990d7cf6594741ab9afddbcf5455cf

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

Natural Scene Project

This project creates a simple digital scene featuring a butterfly using HTML and CSS.

Features

Butterfly with wings, body, antennae, eyes, and legs. Light blue background to simulate a sky-like environment.

Getting Started To view the digital scene, simply open the index.html file in your web browser.

License This project is licensed under the MIT License.

MIT Licensed