World Countries Tree

100%

World Countries Tree

✓ Published1🌍 Public

Last edited Feb 25, 2020

Created on Feb 5, 2020

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`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

World Countries Tree

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.

Cchrismack666

91% match

Loading thumbnail…

World Countries Tree

Cchrismack666

91% match

Loading thumbnail…

Wiki

This visualization displays a hierarchical tree of Russian Wikipedia science categories, using node color to encode a numerical group value from the dataset. The D3 v5 code applies a tree layout with horizontal links, scaling node positions via the `x` and `y` accessors, and renders circles and text labels in SVG. A linear color scale maps the group values from white to purple, while zooming is enabled through `d3.zoom()`. A legend shows the mapping for the two extreme group values.

Cchrismack666

83% 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

80% match

Loading thumbnail…

World countries tree

This visualization displays the hierarchical structure of world countries organized by continent and subregion, using a collapsible tree layout rendered as SVG. The code employs D3 v5’s `tree`, `hierarchy`, and `linkHorizontal` generators to compute node positions and draw curved links, while `zoom` enables panning and scaling. Text labels vary in font size by depth, and the data comes from a local `data.json` file.

YYedrup

80% match

Loading thumbnail…

World Countries Tree

This visualization displays the hierarchical structure of world countries, organized by continent and subregion, as an interactive tree diagram. The D3.js visualization (v5) uses the `tree` layout algorithm with `linkHorizontal` edges to render the hierarchy as an SVG, with node labels sized inversely to their depth in the tree. The code loads country data from a JSON file, applies a `hierarchy` transformation, and supports zooming and panning via the `zoom` event, which adjusts the transform of the SVG group containing the tree.

LLucas Meirelles

80% 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

80% 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

80% match