Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

24d5d57ed7984d6aafe6c7c57a1b16af

SVG Fundamentals

0 stars0🌍 Public
Ddeadsquirrell
Last edited Sep 5, 2023
Created on Sep 5, 2023
Forked from HTML Starter

This example demonstrates the fundamental SVG shapes available for web-based visualization, including a circle, a line, and a rectangle. Each shape uses basic SVG attributes such as `cx`, `cy`, `r`, `x`, `y`, `width`, `height`, and `stroke` to control position and styling. The SVG canvas is sized at 1024 by 768 pixels and centers its content using an HTML `div` element. All shapes are rendered with gray strokes and no fill, highlighting their outlines. The code is written directly in an HTML file with inline SVG markup, requiring no external libraries or frameworks.

AI-generated description

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

See also React Starter.