Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rectangle tree with links

Public visualization

Viewing a saved revision (read-only)

db20c1f6c79444259b4a11f8e564d201

Rectangle tree with links

0 stars1🌍 Public
PPiotr Paszek
Last edited Aug 5, 2021
Created on Aug 5, 2021
Forked from Rectangle tree

This example displays a hierarchical dataset as an interactive rectangle tree, where each node is represented by a labeled box and connected by curved links. Clicking a node expands or collapses its children, with smooth 250ms transitions animating the layout and updating the view. Built with D3 v6, it uses `d3.tree` and `d3.linkHorizontal` for the graph structure, while SVG elements and a zoom behavior handle rendering and navigation. The data comes from the flare-2 JSON file, with node size and spacing defined by the layout.

AI-generated description