Tree Chart
✓ Published0🌍 Public
An animated hierarchical tree chart displays a dataset of continents, countries, cities, and local landmarks, with nodes color-coded by level: black for roots, blue for countries, red for cities, and green for landmarks. The visualization uses D3.js version 3 layout and diagonal SVG paths, with an in-memory JSON array as the data source. Transitions animate the tree’s expansion, while styling from CSS handles node circles and text.
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.
MIT Licensed