🌍 Public
Viewing a saved revision (read-only)
8fe900cae3024ee98831c57e3cd6323d
Assignment 2 Question 7_Tree Chart
This interactive tree chart displays hierarchical geographic data, showing continents branching into countries, then cities, and finally landmarks. The visualization uses D3.js version 3’s `d3.layout.tree` to compute the node positions and `d3.svg.diagonal` to draw the curved connecting links between parent and child nodes. Each node is rendered as an SVG circle with color-coded fills based on its hierarchy level, while text labels identify each entity. The animation feature uses D3 transitions with a 1000ms duration to smoothly update the tree layout, and the data is passed directly from a local JavaScript array.
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.