Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3.js collapsible tree with boxes

Public visualization

Viewing a saved revision (read-only)

2cb611819f894577b8a5659d0d189a0f

D3.js collapsible tree with boxes

0 stars0🌍 Public
GGunjan paul
Last edited Mar 2, 2021
Created on Mar 2, 2021

A collapsible tree visualization displays hierarchical data as an interactive diagram with rectangular nodes representing structs and their fields. The example renders JSON data describing payment processing structures, with clickable nodes expanding or collapsing child elements. Built with D3.js v3 and React, the visualization uses SVG for rendering, featuring smooth animations during node transitions, color-coded elements, and tooltips that appear on hover. The tree layout supports zooming and dragging gestures, while links between nodes are highlighted when selected.

AI-generated description