Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3-SVG Basics

Public visualization

Viewing a saved revision (read-only)

04cfd53f3bab4af282ae48f4eb59dba4

D3-SVG Basics

0 stars0🌍 Public
NNhat Nguyen
Last edited May 6, 2022
Created on May 6, 2022
Forked from HTML Starter

This example demonstrates the fundamental building blocks of SVG graphics within a minimal HTML page, showing a simple text message alongside basic shapes including two circles, a thick navy line, and a green path. The code uses raw SVG elements—namely circle, line, and path tags—directly in the document markup, with CSS styling applied to the message text. The line element contains a duplicated x2 attribute and placeholder text, while the path illustrates a simple coordinate-based drawing command sequence. The page relies on no JavaScript libraries, serving purely as a static demonstration of HTML, CSS, and SVG syntax.

AI-generated description

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

See also React Starter.

Live .md right here