Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Countries Tree

Public visualization

World Countries Tree

0 stars0🌍 Public
KKlabbaparn
Last edited Jul 24, 2020
Created on Jul 24, 2020

This example displays a hierarchical tree of world countries, rendered as an SVG using D3 v5’s `tree` layout, `hierarchy`, and `linkHorizontal` path generator. The root node (“Release”) branches into functional areas like provisioning and activation, with leaf labels showing product or repository paths. Data is loaded from a local JSON file via `d3.json`, and the entire visualization supports pan and zoom through D3’s `zoom` event, which updates a transform on a container group. Text styling uses the Playfair Display font with a white shadow for readability.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed