Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

SVG Fundamentals

0 stars0🌍 Public
Eemottt
Last edited May 27, 2022
Created on May 24, 2022
Forked from HTML Starter

This example demonstrates the fundamental SVG shapes—a circle, a rectangle, a line, and a path—arranged in a static composition on a 960 by 500 canvas. It shows how to apply basic styling attributes, including fill colors, stroke colors, and stroke widths directly in the markup. The code uses raw SVG elements within an HTML file, using only native browser rendering without any external libraries or JavaScript. The rendering approach is entirely declarative, with each shape’s geometry and appearance defined by its attributes.

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