Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

2fcc088579d64c71a6e5af5b309801c0

SVG Fundamentals

0 stars1🌍 Public
MMatheesha Yapa
Last edited Jun 27, 2023
Created on Jun 27, 2023
Forked from D3 Starter

This example demonstrates fundamental SVG shape elements, including rectangles, circles, lines, and paths, using static coordinates and styling attributes. It showcases basic D3 version 7 usage via `select` from the `d3` module to set the body text. The visualization is rendered directly in the browser through an inline SVG element with a width of 960 and height of 500, featuring shapes such as a blue outlined rectangle, red and default-colored circles, a yellow rectangle with a navy stroke, a diagonal line, and a black polyline path. The code also embeds an introductory video and README explaining D3 version 6.

AI-generated description

A demonstration of how to start using D3 version 6.