Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

87e22663bd454693b5eec0c9cd1f219f

SVG Fundamentals

0 stars0🌍 Public
JJoe Campos
Last edited Feb 6, 2024
Created on Jan 17, 2024
Forked from HTML Starter

This example demonstrates fundamental SVG shapes rendered in a 500 by 500 pixel viewport, including circles, a rectangle, a line, and a path. It shows how basic geometry is drawn directly in HTML without JavaScript, using SVG elements such as `<circle>`, `<rect>`, `<line>`, and `<path>`. The code specifies attributes like `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width` to control position, size, and styling. This serves as a minimal introduction to vector graphics in the browser, with no external libraries or data sources involved.

AI-generated description

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

See also React Starter.