Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

SVG Fundamentals

0 stars1🌍 Public
KKhanin Sisaengsuwanchai
Last edited May 12, 2023
Created on May 10, 2023
Forked from HTML Starter

This example demonstrates fundamental SVG shapes on an HTML page, including circles in varied sizes and colors, a rectangle outline, and a commented-out line element. The visualization uses raw SVG markup within an HTML document, styled with CSS for typography, and is authored for the React framework. It shows how basic geometric primitives such as circle, rect, and line are defined with attributes like cx, cy, r, x, y, width, height, and stroke to compose a static vector graphic.

AI-generated description

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

See also React Starter.

A demonstration of SVG shapes.

Comments

Sign in to join the discussion.

MIT Licensed