Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVGFoundermentals

Public visualization

Viewing a saved revision (read-only)

9b1f53dd0817401696e927a2e12857df

SVGFoundermentals

0 stars0🌍 Public
Bbseigha
Last edited Jan 29, 2023
Created on Jan 29, 2023
Forked from HTML Starter

This visualization demonstrates basic SVG shape composition, rendering two overlapping circles on a 950×500 canvas. The larger green circle (radius 250) sits beneath a smaller blue circle (radius 200), creating a layered effect through their offset centers. The code uses plain SVG elements within an HTML document, relying on native SVG attributes like `cx`, `cy`, and `r` for positioning and sizing. No JavaScript or external libraries are involved; the circles are styled directly with `fill` properties and arranged statically to explore spatial relationships and color contrast.

AI-generated description

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

See also React Starter.