Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

92c820b81f364a4da02de6b8ffd991b5

SVG Fundamentals

0 stars0🌍 Public
TTommyNg-02
Last edited Apr 15, 2023
Created on Apr 15, 2023
Forked from HTML Starter

This example demonstrates basic SVG shapes rendered on an HTML page, including a circle, rectangle, line, and path. These primitives illustrate how SVG uses XML-like syntax to define vector graphics, with attributes like `cx`, `cy`, and `r` for circles and `stroke` for outlines. The page relies solely on raw SVG markup within the HTML body, with no external libraries or JavaScript. It serves as a foundational introduction to SVG, showing how static visual elements are declared directly in markup, making it a useful starting point before layering in React or D3 for dynamic visualizations.

AI-generated description

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

See also React Starter.