Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

32139daec95f4c679868c170c05b709a

SVG Fundamentals

0 stars0🌍 Public
Sspace-captain96
Last edited Jun 12, 2022
Created on Jun 11, 2022
Forked from HTML Starter

This example demonstrates core SVG fundamentals using concentric circles stacked at the center of a 1000×1000 canvas. The circles decrease in radius from 100 to 50 pixels, each with a distinct fill color ranging from tan to salmon. The visualization also includes a black polyline path drawn from point (400,600) through (700,600) to (600,700). The code directly uses SVG elements like `<circle>` and `<path>` within plain HTML, with additional commented-out examples of `<rect>`, `<line>`, and other path configurations.

AI-generated description

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

See also React Starter.