Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

d04cc2a5907b42b0a13c7e1a9ee8e0cf

SVG Fundamentals

0 stars2🌍 Public
Eelgato_1994
Last edited Mar 26, 2023
Created on Mar 16, 2023
Forked from HTML Starter

This example demonstrates the fundamental building blocks of Scalable Vector Graphics (SVG) by rendering a minimal set of primitive shapes on a 600 by 700 canvas. A red circle, a navy line, and a thick black path with straight segments are positioned using absolute coordinates. The code defines each element directly within an SVG container in the HTML markup, with styling applied through presentation attributes like fill and stroke. This serves as a basic template for constructing more complex vector-based data visualizations.

AI-generated description

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

See also React Starter.