Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

103a54b1fbdb4e979f8a2d349c9fef27

SVG Fundamentals

0 stars0🌍 Public
KKingsLanding
Last edited Aug 12, 2024
Created on Aug 12, 2024

This example demonstrates the basic building blocks of SVG shapes in a static 960x500 scene. It draws a black-outlined circle, a yellow rectangle with a navy border, a diagonal navy line, and a black path with two segments. The SVG is embedded directly in the HTML markup, with the file named index.html. The code uses no external JavaScript visualization libraries, though the included index.js file declares a `main` function that writes an unstyled "Hello World" text into a container, but this script is not referenced or executed by the HTML document.

AI-generated description

A demonstration of SVG shapes.