Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

828b981807d044ad90105f5d481c414a

SVG Fundamentals

0 stars0🌍 Public
SSardar Abdullah Khawar
Last edited Apr 19, 2023
Created on Apr 19, 2023
Forked from D3 Starter

This example demonstrates fundamental SVG shapes, including circles, rectangles, lines, and complex paths, rendered directly in an HTML document. It shows how static SVG elements can be styled with attributes like fill color, stroke, and stroke-width to create basic geometric compositions. The code uses no JavaScript for visualization logic, but includes a minimal `index.js` that imports `select` from D3 version 7 and sets text content on the page body. The raw SVG markup is authored manually, with all shapes defined inline in the HTML.

AI-generated description

A demonstration of how to start using D3 version 6.