Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3.js bidirectional collapsible horizontal tree with rectangles

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed