World Countries Tree

100%

World Countries Tree

✓ Published0🌍 Public

Last edited May 14, 2020

Created on May 14, 2020

This interactive tree visualization displays tweet classification categories, including Direct Claim, Indirect Claim, Opinion, Quote, and Not Claim, with subcategories for Opinion. The hierarchical data from `data.json` is rendered as a horizontal tree using D3 v5’s `tree` layout and `linkHorizontal` path generator. Nodes are labeled with the `data.id` value, and the entire visualization supports pan and zoom via D3’s `zoom` behavior. The SVG output features green curved links and serif text with a white shadow, styled through external CSS.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

World Countries Tree

The World Countries Tree visualizes hierarchical tweet classification data as a horizontal dendrogram. It displays a single root node branching into categories like Direct Claim, Indirect Claim, Opinion, Quote, and Not Claim, with subcategories under Opinion. The SVG rendering uses the D3 v5 tree layout and hierarchy API to compute node positions, while linkHorizontal generates curved connector paths. Interactive zoom and pan controls are enabled through d3.zoom, and all labels use the Playfair Display font. Data loads from an external data.json file.

SSoundarrajanK

93% match

Loading thumbnail…

World Countries Tree

This visualization displays a hierarchical tree of tweet classifications, starting from the root “Tweet” and branching into categories like Direct Claim, Indirect Claim, Quote, and Not Claim, with Opinion expanding into subcategories such as Fact Check Worthy, Xenophobic, and Promote Fake Cure. Built with D3 v5, it uses the `tree` and `hierarchy` layouts to compute node positions, `linkHorizontal` to draw curved connecting paths, and a `zoom` behavior for panning and scaling. Text labels are rendered directly in SVG with the Playfair Display font, while the data is loaded from a local `data.json` file.

Vvineeth567

92% match

Loading thumbnail…

World Country Tree

The World Country Tree visualizes a hierarchical classification of countries by continent and region using a horizontal tree layout. It renders nested links and labels based on the JSON data structure. The code uses D3.js APIs including `d3.tree`, `d3.hierarchy`, `linkHorizontal`, and `d3.zoom` to create an interactive SVG visualization that supports panning and zooming. Text sizes decrease with tree depth for readability.

YYanan Xin

77% match

Loading thumbnail…

World Countries Tree

The World Countries Tree shows a hierarchical organization of words extracted from a dataset of text entries. Each node is labeled with a short list of keywords, and parent-child relationships create a branching tree structure. The visualization uses D3.js v5 with an SVG rendering and a horizontal link diagram. It employs the `d3.tree` layout and `d3.linkHorizontal` generator to draw the paths, while `d3.zoom` enables interactive pan and zoom on the canvas. Node text size scales with depth, and all labels are styled with the Playfair Display font.

Mmaralamir

76% match

Loading thumbnail…

World Countries Tree

Mmaralamir

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

76% match

Loading thumbnail…

World Countries Tree

The World Countries Tree visualizes hierarchical data as a horizontal dendrogram using D3.js v5. It renders an SVG with tree links drawn as curved paths and node labels positioned by depth, with font size decreasing as depth increases. The example uses `d3.tree`, `d3.hierarchy`, and `d3.linkHorizontal`, and supports panning and zooming via `d3.zoom` and `d3.event`. Data is loaded asynchronously from `data.json`, with text styling applied via CSS.

Vvineeth567

76% match

Loading thumbnail…

World Countries Tree

This visualization displays a hierarchical tree of world countries, organized by continent and subregion, with each node labeled. It uses a d3.tree layout to compute the tree structure and d3.linkHorizontal for the curved connecting paths, with text labels sized by depth level. The interactive view supports zooming and panning through d3.zoom. The data, sourced from data.json, inherits a hierarchical country classification, and the SVG rendering applies a teal stroke for links and a serif font with text shadows for readability.

EEdoardoRegini

76% match