Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3.js collapsibleRRR tree with boxes

Public visualization

D3.js collapsibleRRR tree with boxes

2 stars8🌍 Public
Ssreeanthrds
Last edited Jan 10, 2020
Created on Jan 10, 2020

This visualization displays a collapsible tree structure where each node is rendered as a box containing text labels. The tree supports interactive expansion and collapse of child nodes, with node colors indicating different data types (type1 through type4). The code uses D3.js v3’s `d3.layout.tree` to compute node positions and `d3.select` to append SVG elements, while jQuery handles the initial JSON data loading. The visualization includes animated transitions, zoom and drag capabilities via `d3.behavior.zoom`, and tooltips for additional node details.

AI-generated description

This is a description using Markdown.

Comments

Sign in to join the discussion.

MIT Licensed