Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG fundamental

Public visualization

Viewing a saved revision (read-only)

4847d46ce84b4200a426c7905b905f55

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.