Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

SVG Fundamentals

0 stars0🌍 Public
BBDanyluik
Last edited Oct 12, 2022
Created on Oct 10, 2022
Forked from HTML Starter

This example demonstrates the absolute foundation of SVG rendering by drawing a single circle at the center of a fixed canvas. It shows how to manually set the `width` and `height` attributes on an `<svg>` element and position a circle using `cx` and `cy` coordinates with a `r` radius. The code uses raw SVG markup directly inside an HTML file, relying on the browser’s built-in SVG parser without any JavaScript or styling. This serves as a minimal starting point for understanding the coordinate system and basic shape syntax before scaling to more complex visualizations.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed