Skip to main content
100%

Tree Chart

✓ Published0🌍 Public
LLakshmanRangisetti
Last edited Jul 16, 2023
Created on Jul 16, 2023
Forked from Hello VizHub

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 description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes