Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals test

Public visualization

Viewing a saved revision (read-only)

d4fa2a64402d4bb4a1fa67e4cf7e157f

SVG Fundamentals test

0 stars0🌍 Public
GGMEirik
Last edited Oct 20, 2023
Created on Oct 16, 2023
Forked from HTML Starter

This example demonstrates fundamental SVG rendering through a static, self-contained HTML page. It creates two concentric circle shapes using raw SVG path elements with cubic Bézier curves, styled with red strokes and fills at varying opacity levels. The visualization also includes nested transformation groups and a clip path definition, showcasing how SVG handles coordinate transformations and shape clipping. The code relies entirely on native SVG APIs within the HTML markup—no JavaScript libraries or data sources are used—making it a minimal test of vector graphics capabilities in the browser.

AI-generated description

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

See also React Starter.