🌍 Public
Viewing a saved revision (read-only)
e5ca93082c1a4ca79995dd1fb6efcf4f
Animated Dataflow of World Countries Tree
This visualization shows a hierarchical dataflow tree of world countries, organized by continent and subregion, with country names displayed at the leaf nodes. Animated orange dashed paths flow along the links between parent and child nodes, creating a sense of data movement through the hierarchy. The code uses D3 v5’s `cluster` layout, `hierarchy`, and `linkHorizontal` to position and draw the tree, with CSS `stroke-dashoffset` animations driving the flow effect. The SVG canvas supports zooming via D3’s `zoom` event, and JSON data defines the geographic structure.
AI-generated descriptionDataflow Tree Graph- Animated