Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes with SVG and CSS

Public visualization

Shapes with SVG and CSS

0 stars0🌍 Public
HHafiz Zain Ul Haq
Last edited Mar 24, 2020
Created on Mar 24, 2020

This example displays a blank SVG canvas with a 1000x500 viewport, demonstrating the foundational setup for creating shapes using D3 v5 and CSS. The code initializes an SVG element and logs the `d3` object to the console, confirming the library is loaded. While the markup includes commented-out `<circle>` and `<rect>` elements, no shapes are actively rendered. The dashboard uses `d3.v5` via a CDN script tag, with styling handled through an external `styles.css` file that resets margins and hides overflow, preparing the environment for future data-driven visualizations.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed