Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Different shapes of tree structure for IoED-Net ICE-8

Public visualization

Viewing a saved revision (read-only)

dc94e1728e6f4b1db1af62c347741861

Different shapes of tree structure for IoED-Net ICE-8

1 star0🌍 Public
Aasowmyasri15@gmail.com
Last edited Apr 4, 2025
Created on Apr 4, 2025

An animated scene combines a Buddha statue with a recursive, branching tree that overlays an IoT network hierarchy, all rendered in SVG. The tree uses the D3.js `d3.hierarchy` and `d3.linkVertical` APIs to draw nodes and links from `treeData.json`, with custom node shapes based on device type (gateway, router, sensor). Real-time cloud movement is driven by a React `useState` and `setInterval` effect, while the tree itself is generated by a `drawBranch` function that recursively calculates line coordinates.

AI-generated description