Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

c906c51ab3984930ade0119a69593832

SVG Fundamentals

0 stars0🌍 Public
Llok noe
Last edited Apr 26, 2023
Created on Apr 26, 2023
Forked from HTML Starter

This example demonstrates basic SVG shapes, showing two circles of equal radius positioned side-by-side, with only the second circle explicitly filled red. The underlying code is a minimal HTML page that uses raw inline SVG markup within the `index.html` file, placing the shapes in a coordinate system without any additional CSS styling or JavaScript logic. The visualization highlights how SVG’s default black fill contrasts with an explicit fill attribute, and the implementation relies solely on the browser’s built-in SVG support rather than external libraries.

AI-generated description

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

See also React Starter.