Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Untitled

Public visualization

Viewing a saved revision (read-only)

43b2f6d78d7e4b97a4d675bc655e96cf

Untitled

0 stars0🌍 Public
PPiotr Paszek
Last edited May 29, 2021
Created on May 29, 2021
Forked from Hello VizHub

This example demonstrates how D3 v3 renders SVG marker shapes used as line endpoints. It defines four distinct path geometries—circle, square, arrow, and stub—and attaches each as both a marker-start and marker-end to a corresponding element in a group. The code uses `d3.scale.category10` for colors, builds markers via SVG `<defs>`, and positions everything within a fixed margin layout. The visible result is a set of colored, marker-capped paths across the canvas, though the intended connecting lines are commented out.

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.