Dataflow of World Countries Tree
✓ Published2🌍 Public
A hierarchical tree visualization depicts the world's countries grouped by continent and subregion, sourced from a nested JSON structure. The tree branches from a global root into continents, subregions, and finally individual country names, with the depth of each node reflected in its font size. The layout uses D3's `cluster` and `linkHorizontal` functions to position nodes and draw connecting edges. A second set of paths, styled with a green dashed stroke, animates continuously via CSS keyframes to indicate data flow, while the entire visualization supports zooming through a custom `zoom` event handler. Text labels are anchored variably depending on whether a node has children.
AI-generated descriptionDataflow of World Countries Tree
MIT Licensed