Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of D3.js collapsible tree with boxes

Public visualization

Viewing a saved revision (read-only)

4dbbe0f28e2146058250b62b22e8d7d6

Fork of Fork of D3.js collapsible tree with boxes

0 stars0🌍 Public
Ddoankhanh122@gmail.com
Last edited Apr 30, 2024
Created on Apr 30, 2024

This example shows a hierarchical tree visualization with collapsible nodes, where each node is rendered as a colored box. The tree displays data from a JSON file, with node colors representing different types. The visualization uses D3.js v3 to compute the tree layout and render SVG rectangles for nodes and curved paths for links. The implementation includes animated updates when nodes are expanded or collapsed, and supports zooming and panning via D3's zoom behavior. Tooltips provide additional node information on hover.

AI-generated description

This is a description using Markdown.