Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Collapsible Tree Version 1

Public visualization

Viewing a saved revision (read-only)

a5bed443e0b14dbd80f9e42535d89049

Fork of Collapsible Tree Version 1

0 stars0🌍 Public
Ssorabh.vijay@gendigital.com
Last edited Mar 7, 2024
Created on Mar 7, 2024

This interactive collapsible tree visualization displays a hierarchical dataset of the Flare visualization library codebase, with nodes representing packages and functions. Built with D3 v6, it renders as an SVG with animated transitions that reposition nodes and links when a node is clicked to expand or collapse its children, using a horizontal diagonal link layout. The implementation relies on `d3.tree()` for layout, `d3.linkHorizontal()` for edges, `d3.select()` for SVG manipulation, and `d3.transition()` for smooth 250ms animations. The tree data comes from the `flare-2.json` file, and nodes with names shorter than seven characters are initially collapsed.

AI-generated description