Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Learning SVG

Public visualization

Viewing a saved revision (read-only)

418bb492aa1c4b3b9cfcba133cf6326e

Learning SVG

0 stars0🌍 Public
HHuy Tran
Last edited Aug 8, 2021
Created on Aug 8, 2021
Forked from HTML Starter

This example demonstrates the minimal structure needed to render an SVG circle in a web page. It shows a single grey circle centered in a 960×500 viewport, positioned using the SVG `<circle>` element with a radius of 100. The code uses plain HTML and CSS, with the SVG directly embedded in the body and a global margin reset via inline styles. No JavaScript libraries or data sources are involved, making it a bare-bones introduction to SVG rendering within a React-free, static HTML setup.

AI-generated description

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

See also React Starter.