Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree for ICE-8

Public visualization

Tree for ICE-8

0 stars0🌍 Public
Ssreeramyamini@gmail.com
Last edited Apr 3, 2024
Created on Apr 2, 2024
Forked from Question7

A hierarchical tree visualization maps a taxonomy of digital devices and their associated activities, such as smartphones leading to communication, and laptops branching into entertainment with subcategories like Danceshows and Cricket. The layout is generated with D3.js v6’s `d3.stratify()` and `d3.tree()`, while `d3.linkVertical()` draws the connecting paths. Each node is rendered as an SVG rectangle labeled with its feature name, and the fill color—assigned by the `setGeneration` function—varies by tree depth, from purple at the root to yellow for the deepest leaf nodes. The data is defined inline as a JavaScript array of parent-child pairs.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed