Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

fda7aabdfa784f969b674ef49edf98d2

SVG Fundamentals

0 stars0🌍 Public
Jjfrkennedy@yahoo.co.uk
Last edited Sep 27, 2024
Created on Sep 27, 2024
Forked from HTML Starter

This example demonstrates the fundamental building blocks of SVG graphics through two circles drawn on a blank canvas. It shows how to create basic shapes using declarative XML-like syntax, with the first circle using default black fill and the second explicit red fill via the `fill` attribute. Written in plain HTML with inline SVG, the visualization requires no JavaScript or external libraries, relying solely on native browser SVG rendering. The code highlights the direct relationship between SVG coordinates and visual output, offering a minimal starting point for more complex data-driven visualizations built with React or D3.

AI-generated description

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

See also React Starter.