Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG fundamental

Public visualization

Viewing a saved revision (read-only)

b2ee0c8a596b4a4193fca591a3ee3d82

SVG fundamental

0 stars0🌍 Public
Sshivendrarai
Last edited Jun 20, 2022
Created on Jun 20, 2022
Forked from HTML Starter

This example demonstrates the fundamental building blocks of SVG by rendering two red circles and an unfilled blue rectangle with a visible stroke on a 1000-by-1000 canvas. It uses plain SVG elements—`circle` and `rect`—with attributes for position, size, color, and stroke, all defined directly in an HTML document. The page also includes a minimal CSS style block and an HTML comment, though no JavaScript or external libraries are used. The rendering is entirely static, showcasing how SVG shapes are declared inline without any data binding or interaction.

AI-generated description

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

See also React Starter.