Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3.js collapsibleRRR tree with boxes

Public visualization

Viewing a saved revision (read-only)

80abe1dfdf2b4f8aadfb99f0737d9de7

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.