Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Learning D3.js

Public visualization

Viewing a saved revision (read-only)

e96dadaf892044c4aae1782687260c6e

Learning D3.js

0 stars0🌍 Public
Mmohdabidali
Last edited May 28, 2020
Created on May 23, 2020
Forked from Learning D3.js

This example shows an interactive radial dendrogram of country population data, rendered as SVG. The visualization uses `d3.cluster` to compute a circular tree layout, with leaf nodes labeled by country name and sized by text depth. Pan and zoom are implemented via `d3.zoom` on a background rectangle, transforming the containing `<g>` element. The code loads hierarchical data from `countryHierarchy.json` and projects node positions using trigonometric functions to map tree coordinates to a radial polar layout.

AI-generated description

A bare minimum HTML page.

See also React Starter.