Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Svg Fundamentals

Public visualization

Viewing a saved revision (read-only)

6fd38fb952df4930ab2df45324b9ea3d

Svg Fundamentals

0 stars0🌍 Public
Yyongjoo.choi
Last edited May 29, 2022
Created on May 29, 2022
Forked from HTML Starter

This example demonstrates fundamental SVG shapes, including circles of varying sizes, rectangles with stroke and fill, a line, and a path, all rendered on an SVG canvas with a width of 960 pixels. The code uses raw SVG markup within a React-compatible HTML file, showing how to set attributes like `cx`, `cy`, `r`, `x`, `y`, `width`, `height`, `stroke`, and `stroke-width` directly. It also includes a blue border rectangle with a misspelled `storke-width` attribute, and a yellow rectangle with a navy outline, highlighting basic styling and positioning techniques. No external libraries are required.

AI-generated description

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

See also React Starter.