Skip to main content
100%

nests

✓ Published0🌍 Public
Aaaizemberg
Last edited Sep 19, 2019
Created on Sep 19, 2019

This visualization demonstrates hierarchical data grouping using D3’s nest operator, which organizes a flat dataset into a tree structure based on key functions. The example shows how nested groups are rendered as collapsible node-link diagrams, with each level of the nest corresponding to a depth in the tree. The code relies on `d3.nest()` to build the hierarchy and `d3.hierarchy()` plus `d3.tree()` for layout, while transitions animate the expansion and collapse of branches. The underlying data is generated from a small inline array, and the rendering uses SVG paths and circles styled with standard D3 scales.

AI-generated description

Similar vizzes