World Countries Tree

100%

World Countries Tree

✓ Published1🌍 Public

Last edited Feb 5, 2020

Created on Jan 28, 2020

Forked from Тест

This interactive visualization depicts the hierarchical structure of Wikipedia categories and pages as a tree diagram. Nodes are colored on a gradient from white to purple based on a group value, and hovering reveals a node’s name and whether an English version exists. Built with D3 v5, it uses `d3.tree` and `d3.hierarchy` for layout, `d3.zoom` for panning, and SVG circles and paths for rendering. Data is loaded from a local `data.json` file.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

World Countries Tree

Cchrismack666

100% match

Loading thumbnail…

World Countries Tree

A collapsible tree visualization maps the hierarchical structure of Wikipedia categories, comparing the number of subcategories between Russian and English versions. Node color encodes the difference in subcategory counts, with a legend explaining the scale. The visualization uses D3 v5’s `tree` layout and `linkVertical` path generator to position SVG circles and links, with `d3.scaleLinear` mapping group values to a purple-to-white color range. Zoom and pan are enabled via `d3.zoom`, and the data is loaded asynchronously from a JSON file using `d3.json`.

Cchrismack666

91% match

Loading thumbnail…

World Countries Tree

This visualization presents a world countries dataset as an interactive tree diagram, where each node reveals nested categories and numeric labels. The hierarchical layout renders horizontal links with curved paths, while text size scales with depth. Built with D3 v5, it uses `d3.tree`, `hierarchy`, and `linkHorizontal` to generate the SVG path geometry. The entire chart rotates 90 degrees via an SVG transform, and `d3.zoom` enables pan and zoom interactions. Country names are omitted, leaving only coded identifiers and hierarchical structure.

RRostislav Tinchev

83% match

Loading thumbnail…

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.

RRamy

82% match

Loading thumbnail…

World Countries Tree

This interactive visualization displays the hierarchical structure of world countries, organized by continent and subregion using a horizontal tree layout. Users can pan and zoom through the SVG-based diagram, which renders country names as text nodes connected by white paths. Built with D3 v5, the example uses the `tree`, `hierarchy`, `linkHorizontal`, and `zoom` APIs to compute the layout and handle navigation. Data is loaded from a JSON file containing a nested structure of geographic regions and countries, with styling applied via custom CSS.

MMorgan Mueller

82% match

Loading thumbnail…

World Countries Tree

This visualization shows the hierarchical organization of world countries, categorized by continent and subregion, as an interactive tree diagram. The layout uses D3’s `tree` and `hierarchy` functions to position nodes, with `linkHorizontal` generating curved paths for parent-child connections. Text labels scale in size by depth, and a `zoom` behavior allows panning and scaling the entire SVG view. Data comes from a local JSON file, rendered with SVG elements styled using a green stroke and a serif font.

JJovenne Naldrey Sapuay

82% match

Loading thumbnail…

World Countries Tree

This tree visualization maps the hierarchical structure of world countries, grouping them by continent and subregion. The data, loaded from a JSON file, is rendered as an indented tree with connecting paths, where each node's font size decreases with depth. The visualization uses D3's `tree` layout, `hierarchy` for data structuring, and `linkHorizontal` for path generation, all rendered as SVG within a zoomable interface.

Cchrisgcs

82% match

Loading thumbnail…

World Countries Tree

This interactive visualization displays the hierarchical structure of world countries, organized by continent and subregion, using a horizontal tree layout. It loads country data from a JSON file and renders it as an SVG with D3’s `tree` and `hierarchy` functions, connecting nodes with `linkHorizontal` paths. Text labels scale in font size by depth, and the entire view can be panned and zoomed via D3’s `zoom` handler applied to a group element.

Xxschiu

82% match