Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

547249125d4a4ebe89b98bf12ca64636

SVG Fundamentals

0 stars0🌍 Public
TTxominBasterraChang
Last edited Mar 6, 2023
Created on Mar 6, 2023
Forked from HTML Starter

This example demonstrates a single red circle positioned on a blank SVG canvas, illustrating the fundamental building blocks of vector graphics. The code creates an SVG element with a width of 960 pixels, then places a circle at coordinates (150, 50) with a radius of 50. It uses the native SVG API for drawing, with inline attributes for the circle's position, size, and fill color. The example shows how basic shapes are defined declaratively within an HTML document.

AI-generated description

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

See also React Starter.