🌍 Public
Viewing a saved revision (read-only)
ab18f479b3e24322a1d8dcfbe3043e06
Assignment2_Task7_Tree
This example visualizes the Vijayanagara family lineage as an animated, color-coded tree diagram, showing hierarchical generations from the founding ruler downward through descendants. The visualization uses D3.js version 3, specifically the `d3.layout.tree` for node positioning and `d3.svg.diagonal` for link paths. Each node is rendered as a circle with a fill color indicating generation level (black for root, blue for first generation, red for second, green for third). The tree expands with a 1000-millisecond transition, using node data updates to shift positions and reveal new descendants dynamically.
AI-generated descriptionAn example showing the capabilities of VizHub:
- Loads D3 via UNPKG.
- Demonstrates use of
importfrom"d3". - Demonstrates use of
importfrom local ES6 modules.