Skip to main content
100%

Generating Tree Graph - ICE8

✓ Published0🌍 Public
Ssridhardubala106@gmail.com
Last edited Apr 2, 2024
Created on Apr 2, 2024

This interactive tree graph classifies mobile phone brands into two categories: "Has 5G" and "No 5G". It uses D3.js v5 with a hierarchical layout, rendering nodes as circles with labels on an SVG canvas. The visualization is animated, with smooth transitions when clicking a node to collapse or expand its children. The code constructs the tree via `d3.hierarchy` and `d3.tree()`, and implements custom transition logic using the `.transition().duration()` API to animate node and link movements. The static dataset is hardcoded in JavaScript, and the page’s styling is defined in an external CSS file.

AI-generated description
MIT Licensed

Similar vizzes