Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

SVG Fundamentals

0 stars0🌍 Public
Mmihaela diaconu
Last edited Sep 23, 2022
Created on Sep 23, 2022
Forked from HTML Starter

This example showcases basic SVG fundamentals by rendering two primitive shapes: a red circle and a blue rectangle. It demonstrates how to create and style SVG elements directly within an HTML page using inline SVG markup. The code uses native SVG elements—`circle` with `cx`, `cy`, `r`, and `fill` attributes, and `rect` with `x`, `y`, `width`, `height`, and `fill`—to illustrate position, size, and color properties. No external libraries or data sources are involved; the example relies purely on static, hand-coded SVG in a plain HTML file.

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