Ramy

@letsgogeeky·2 public vizzes

World Countries Tree

This interactive visualization displays the hierarchical structure of world countries organized by continent and subregion, rendered as an indented tree layout. It uses D3.js v5 with the `tree`, `hierarchy`, and `linkHorizontal` APIs to compute positions and draw links, along with `zoom` and `event` for pan-and-zoom interaction. The data is loaded from `data.json` via `json()`. Node labels show country names with font size decreasing by depth, and the SVG output uses a teal stroke for connecting paths.

Jan 3, 2020

Loading thumbnail…

My Art!

This visualization shows a hierarchical tree of world regions and countries, with Asia expanding into subregions like Southern and Western Asia, and further into individual nations. It renders as a horizontal dendrogram using D3 v5’s `tree` layout and `linkHorizontal` path generator, with data loaded from a JSON file via `d3.json`. SVG paths display the connections, while node labels and circles are absent, focusing solely on the branching structure. The layout adapts to the full viewport size based on `document.body` dimensions, with the `hierarchy` function converting the nested data into a traversable structure.

Jan 3, 2020