Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

svg_fundamentals

Public visualization

Viewing a saved revision (read-only)

35499a76b4e64503ba9564b14e6f55fa

svg_fundamentals

0 stars0🌍 Public
JJuanmaBV
Last edited Jun 25, 2022
Created on Jun 25, 2022
Forked from HTML Starter

This example demonstrates fundamental SVG shapes—a circle, rectangle, line, and path—rendered on a 900-by-500 canvas. The SVG markup defines each element directly, specifying properties like coordinates, dimensions, fill colors, and stroke styles. It uses no external libraries, relying on native SVG syntax within an HTML page. The path illustrates a closed triangular form with a cyan fill and green stroke, while the other shapes show varied stroke widths and colors, including a transparent circle and a yellow rectangle.

AI-generated description

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

See also React Starter.