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)

99e23a11244d4e118f2327afde3d5895

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