Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Collapsible Tree Version 1

Public visualization

Fork of Collapsible Tree Version 1

0 stars0🌍 Public
SSEDKI91
Last edited Mar 28, 2022
Created on Mar 28, 2022

This interactive visualization shows a hierarchical tree of product data from a flare-2.json file, with nodes representing different levels labeled as "LVL__" and colored blue. Users can click nodes to expand or collapse their children, with animated transitions smoothly repositioning the tree. The tree layout uses d3.cluster() with horizontal links drawn via d3.linkHorizontal(), while d3.zoom() enables panning and zooming across the large 3000-pixel-tall SVG canvas. Each node includes a rectangle with text labels and transitions between states using .transition() and .attrTween() for smooth animation.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed