Rashi Tyagi

@ratyagi·2 public vizzes

RADIAL network diagram

A radial network diagram displays countries in a hierarchical tree layout, with nodes connected by curved links radiating outward from a central root. The visualization supports panning and zooming interactions for exploring large datasets. Built with D3 v4, it uses `d3.stratify` to process hierarchical CSV data and `d3.linkRadial` for the curved paths. Node labels rotate radially to maintain readability, while the SVG rendering includes styled internal and leaf nodes. The dataset derives from flare.csv, representing country hierarchies.

Mar 23, 2023

Loading thumbnail…

Fork of Radial Tree of Countries Hierarchy

This radial tree visualization displays a hierarchical breakdown of world countries organized by continent and subregion, with each node labeled at its corresponding depth level. The visualization supports panning and zooming through the `d3.zoom` API, which applies transforms to the SVG group element. The code uses `d3.cluster()` to compute node positions in a circular layout and `d3.scaleSqrt` to size the text based on tree depth. Links draw as curved paths for deeper nodes, while leaf nodes align text to the outer edge for readability. The data originates from a JSON file containing the full country hierarchy.

Mar 23, 2023