Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rectangle tree

Public visualization

Rectangle tree

0 stars1🌍 Public
PPiotr Paszek
Last edited Aug 5, 2021
Created on Aug 5, 2021

This example shows a collapsible rectangle tree visualization of the Flare software package hierarchy, where nodes are rendered as small rectangles with labels and colored strokes indicating whether they have children. Clicking a node expands or collapses its subtree with smooth animated transitions. The code uses the D3.js v6 library with `d3.tree()`, `d3.linkHorizontal()`, and `d3.zoom()`, rendering SVG elements with data from the `flare-2.json` file.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed