Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

SVG Fundamentals

0 stars0🌍 Public
CCrystal Lee
Last edited Jul 3, 2022
Created on Jul 3, 2022
Forked from HTML Starter

This example demonstrates fundamental SVG shapes and attributes within a single 900x500 canvas. It shows circles with varying radii and fill colors, a blue-outlined rectangle, a diagonal navy line, and a black, open path forming a geometric shape. The code uses raw SVG element syntax including `<circle>`, `<rect>`, `<line>`, and `<path>` inside an `index.html` file, with styling applied directly through presentation attributes like `fill` and `stroke`.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed