Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Tutorial

Public visualization

Viewing a saved revision (read-only)

ba0e2f2c6b92461c9f6f9b35e99c2f57

D3 Tutorial

0 stars0🌍 Public
SShivansh Mathur
Last edited Mar 10, 2020
Created on Mar 10, 2020
Forked from D3 Tutorial

This example demonstrates a tree visualization using the Flare dataset, displayed as a circular layout with labeled nodes and hierarchical branches rendered in SVG. The code uses D3 v5’s `d3.hierarchy` and `d3.tree` to compute node positions, then draws links and circles with `d3.select` and SVG elements. The hierarchical structure shows parent-child relationships across categories like analytics, animate, and physics, with each leaf node’s value represented by its visual placement. The visualization is contained within a fixed 960x500 viewport.

AI-generated description

A bare minimum HTML page.

See also React Starter.