Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

intro to d3

Public visualization

Viewing a saved revision (read-only)

95e62551c74347a0a4c882cf68b989d6

intro to d3

0 stars0🌍 Public
RRITUZZ
Last edited Jan 24, 2021
Created on Jan 24, 2021
Forked from shapes using svg

This example demonstrates basic SVG shape rendering and styling within an HTML page, displaying circles, rectangles, lines, and paths at fixed coordinates. The visualization loads D3.js via UNPKG but primarily relies on raw SVG elements with presentation attributes for colors, strokes, and transforms. A stylesheet defines the SVG path's green stroke and stroke-width through CSS classes. The example serves as a minimal introduction to combining SVG markup with imported JavaScript libraries and external CSS, though it does not yet showcase D3's data-binding or dynamic layout capabilities.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.