Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

ec4b7c7f1fa6448a8f90b890f96ec15b

SVG Fundamentals

0 stars0🌍 Public
KKaan
Last edited Jul 15, 2022
Created on Jul 14, 2022
Forked from HTML Starter

This example demonstrates fundamental SVG shapes and text elements as a static bar chart-like visualization. The code uses the raw SVG API with `circle`, `rect`, and `text` tags to render four labeled rectangles of decreasing widths. The JavaScript-free page relies on hardcoded pixel coordinates and fill colors with no data binding or interaction. It serves as a minimal introduction to SVG’s coordinate system and shape primitives within a React-free HTML context.

AI-generated description

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

See also React Starter.