Skip to main content
100%

Radial Tidy Tree

✓ Published0🌍 Public
Mmbostock
Last edited Oct 5, 2018
Created on Nov 13, 2012

This radial tidy tree visualizes the hierarchical structure of the Flare class hierarchy, with nodes arranged in concentric rings around a central root. The visualization uses the Reingold-Tilford algorithm via D3’s `d3.tree` layout, with node depth mapped to radial distance and angular position based on the branch order. The code loads CSV data from a file, processes it with `d3.stratify`, and renders SVG paths and circles using `d3.linkRadial`. Leaf and internal nodes are visually distinguished by circle fill color, and text labels are rotated to follow the radial layout, with positions and anchors adjusted based on the node’s angle and whether it has children.

AI-generated description

The d3.tree layout implements the Reingold-Tilford algorithm for efficient, tidy arrangement of layered nodes. The depth of nodes is computed by distance from the root, leading to a ragged appearance. Cartesian orientations are also supported. Implementation based on work by Jeff Heer and Jason Davies using Buchheim et al.’s linear-time variant of the Reingold-Tilford algorithm. Data shows the Flare class hierarchy, also courtesy Jeff Heer.

Compare to this Cartesian layout.

gpl-3.0 Licensed

Similar vizzes