🌍 Public
Viewing a saved revision (read-only)
84446ba4ebf6451bad6e024628aff1af
Different shapes of tree structure for IoED-Net ICE-8
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