Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

SVG Fundamentals

0 stars0🌍 Public
LLQuartz27
Last edited May 31, 2022
Created on May 30, 2022
Forked from HTML Starter

This example demonstrates a minimal SVG rendering setup, showing a single circle outline on a 500-by-500 canvas. It uses raw SVG elements—specifically a `<circle>` with `cx`, `cy`, and `r` attributes—styled through CSS and placed directly in the HTML body. The code avoids JavaScript entirely, relying on static markup and the `fill="none"` and `stroke="black"` properties to define the circle’s appearance. It serves as a foundational illustration of SVG’s basic shapes and coordinate system.

AI-generated description

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

See also React Starter.

Nice.

Comments

Sign in to join the discussion.

MIT Licensed