Radial Dendrogram

100%

Radial Dendrogram

✓ Published0🌍 Public

Last edited Sep 19, 2018

Created on Apr 10, 2017

A radial dendrogram visualizes a hierarchical dataset as branching curved links radiating from a central root, with each leaf node labeled. The code uses D3 v4’s `d3.stratify` to convert the flat flare.csv–style data into a hierarchy, then applies the `d3.cluster` layout to position nodes radially. SVG paths are drawn for links, and circles and text represent the nodes. The data originates from a gist and is rendered statically without interaction.

AI-generated description

forked from <a href='http://bl.ocks.org/mbostock/'>mbostock</a>'s block: <a href='http://bl.ocks.org/mbostock/4739610f6d96aaad2fb1e78a72b385ab'>Radial Dendrogram</a>

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Radial Dendrogram

A radial dendrogram displays the hierarchical structure of the Flare data visualization toolkit, with nodes arranged in concentric rings radiating from a central root and curved links tracing parent-child relationships. Internal nodes appear darker, while leaf labels rotate to follow their radial position. The visualization uses D3 v4’s `d3.stratify` to build the hierarchy from CSV data and `d3.cluster` to compute radial layout angles and radii, with SVG paths and text elements rendered through a custom polar-to-Cartesian projection function.

Mmbostock

90% match

Loading thumbnail…

Radial Dendrogram

A radial dendrogram displays the hierarchical structure of the Flare dataset as a circular tree, with leaf nodes positioned along the outer ring and internal nodes nearer the center. The visualization uses D3 v4's `d3.stratify` to build the hierarchy from a CSV, `d3.cluster` to compute the radial layout, and SVG paths for curved links. Node labels are rotated and positioned based on their angle relative to the center. The code loads data from `flare.csv`, which contains node identifiers and values.

AAndresAnayaIsaza

88% match

Loading thumbnail…

Radial Cluster Dendrogram

A radial cluster dendrogram visualizes the Flare class hierarchy as a circular node-link diagram, with leaf nodes aligned on the outer ring and internal package nodes positioned inward. Using d3.stratify to structure the data and d3.cluster to compute radial coordinates, d3.v4 renders the tree as SVG paths and circles. The code loads comma-separated values from flare.csv, projects each node’s position via a custom trigonometric function, and labels classes with rotated text.

Mmbostock

87% match

Loading thumbnail…

RADIAL TREE 2

A radial tree visualization displays a hierarchical dataset as curved links radiating from a central root node, with leaf nodes positioned along the outer circumference. The code uses D3 v4's `d3.tree()` layout with a radial size, `d3.stratify()` to parse hierarchical CSV data, and `d3.linkRadial()` to generate the bezier paths. SVG circles mark nodes, while panning and zooming are enabled via the `d3.zoom()` API. The flare.csv dataset provides the hierarchy, and the rendering is entirely SVG-based with light blue translucent links.

WWillPCowan

87% match

Loading thumbnail…

Radial Cluster Dendrogram - link

A radial cluster dendrogram displays the Flare class hierarchy, with leaf nodes aligned along the outer ring and internal nodes positioned inward. Node labels radiate outward, and hovering over a text label displays a black tooltip showing the full hierarchical path and associated numeric value from the CSV data. The visualization uses d3.stratify and d3.cluster layout in D3 v4, rendering curved links and circles as SVG paths. Color is applied to the hovered label, while internal nodes appear darker than leaf nodes.

GGerardoFurtado

86% match

Loading thumbnail…

2018: Radial Cluster Dendrogram

A radial cluster dendrogram displays the Flare class hierarchy as a circular node-link tree, with leaf nodes aligned at the outer edge and internal package nodes placed inward. The visualization uses `d3.stratify` to convert CSV data into a hierarchy and `d3.cluster` with a radial size to arrange nodes. Curved links are drawn as SVG paths, while circles and rotated text labels mark nodes. The dataset is derived from the Flare visualization toolkit, provided by Jeff Heer.

MMisunoKitara

86% match

Loading thumbnail…

Fork of Fork of RADIAL TREE 2

A radial tree visualization displays the hierarchical structure of the Flare dataset, with nodes arranged in concentric circles around a central root. The code uses D3 v4’s `d3.stratify` to parse CSV data, `d3.tree` for layout, and `d3.linkRadial` to draw curved links. Panning and zooming interactions are enabled via D3’s `zoom` behavior, while SVG circles and text labels with rotation show node names.

NNita

85% match

Loading thumbnail…

Fork of RADIAL TREE 2

This radial tree visualization uses a hierarchical dataset (flare.csv) to display the nested structure of categories like analytics, animate, and query, with each node positioned by angle and radius from the center. The D3.js v4 code constructs the tree using `d3.stratify` and `d3.tree`, then renders SVG paths with `d3.linkRadial` for links and circles with text labels for leaves and internal nodes. The layout is static, with no panning, zooming, or interaction implemented in the visible script.

Ssuvinviswanat

85% match