Skip to main content
100%

Dataflow of World Countries Tree

✓ Published2🌍 Public
Yyouer
Last edited Mar 22, 2020
Created on Mar 21, 2020

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 description

Dataflow of World Countries Tree

MIT Licensed

Similar vizzes