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

1 star3🌍 Public
Aadolfobarreiros
Last edited Apr 25, 2019
Created on Apr 24, 2019

This visualization displays a hierarchical tree structure using interactive, collapsible nodes rendered as colored boxes. It shows parent-child relationships with labeled links, where node types are differentiated by color (blue, green, yellow, purple). Users can click nodes to expand or collapse subtrees, with smooth animations. The implementation uses D3.js v3 (specifically `d3.layout.tree`), jQuery, and SVG for rendering, featuring zoom and drag capabilities. Node data comes from a JSON file, with tooltips providing additional information about each node’s name, type, and link direction.

AI-generated description

This is a description using Markdown.

Comments

Sign in to join the discussion.

MIT Licensed