Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Assignment 2 Q7-1 Tree

Public visualization

Viewing a saved revision (read-only)

7752cc39896544858edd720c01ff128f

Assignment 2 Q7-1 Tree

0 stars0🌍 Public
VVishnu Sudireddy
Last edited Jul 21, 2023
Created on Jul 17, 2023
Forked from D3 Starter

This interactive tree visualization displays a hierarchical dataset of devices, branching from "Devices" into Laptops and Mobiles, and further into specific models. The D3.js (v3) layout places nodes as colored rectangles with labels, using smooth animations for expansion and collapse. It renders SVG graphics with custom CSS for node states and tooltips, while the JSON data source drives the structure. The implementation leverages `d3.layout.tree` for positioning and `d3.behavior.zoom` for pan and zoom interactions.

AI-generated description