Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3.js bidirectional collapsible horizontal tree with rectangles

Public visualization

Viewing a saved revision (read-only)

7aee2f54ed5e41259cd7f5b9a8296f92

D3.js bidirectional collapsible horizontal tree with rectangles

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

This example presents a bidirectional, collapsible horizontal tree layout using D3.js v3 and SVG rendering. It visualizes hierarchical data from a JSON file, with nodes displayed as rectangles that expand or collapse on click. The tree supports nodes positioned on both left and right sides of the root, with links and arrows drawn between them. Animated transitions adjust node positions when branches are toggled, while mouse interactions trigger the collapse and expansion behavior.

AI-generated description