Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals Exercise

Public visualization

Viewing a saved revision (read-only)

635e49a96a824c87b1f7a051e04590c1

SVG Fundamentals Exercise

1 star1🌍 Public
JJC Hizarsa
Last edited Jun 18, 2024
Created on Jun 17, 2024
Forked from HTML Starter

A caterpillar built from stacked SVG ellipses and rectangles demonstrates primitive shape composition. The code renders a segmented body with varying radii and fill colors, plus legs, eyes, and antennae using `<ellipse>`, `<rect>`, `<circle>`, and `<path>` elements. Each shape is positioned manually via `cx`, `cy`, `x`, and `y` attributes within a fixed 960×500 viewport. The example uses raw SVG markup without any JavaScript libraries, showcasing static vector graphics in a plain HTML document.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.