Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

svg fundamentals

Public visualization

Viewing a saved revision (read-only)

6f3a2941506b446ea98e0c223cf43c8d

svg fundamentals

0 stars0🌍 Public
CCarlos Antonio
Last edited Aug 3, 2022
Created on Aug 3, 2022
Forked from HTML Starter

This example demonstrates the basic building blocks of SVG graphics by rendering two circles within an inline `<svg>` element. The first circle appears with the default black fill, while the second uses a `fill="red"` attribute to change its color. Rendered directly in an HTML page without any JavaScript or external libraries, the visualization relies purely on SVG's native XML-based syntax to define shapes and their styling properties. The code uses no data source or framework, serving only to illustrate fundamental SVG concepts like coordinates (`cx`, `cy`) and radius (`r`).

AI-generated description

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

See also React Starter.