Fork asd

100%

✓ Published0🌍 Public

Jjmukul1997

Last edited Apr 1, 2021

Created on Apr 1, 2021

Forked from Fork of Fork of Fork of World Countries asd

This visualization presents a hierarchical tree of world regions and countries, using a tidy tree layout with horizontal links and zooming support. The data is loaded from a local JSON file containing a nested structure of continents, subregions, and nations. Built with D3 v5, the code uses `d3.tree`, `d3.hierarchy`, and `d3.linkHorizontal` to position nodes and draw connecting paths, while `d3.zoom` enables pan and zoom interactions on the SVG container. Text labels are styled with a Playfair Display font and sized inversely to node depth.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of World Countries asd

A hierarchical tree diagram maps countries grouped by continent and subregion, using a D3.js v5 layout with horizontal link paths. The visualization reads country names from a local `data.json` file, displaying text labels sized inversely to their depth in the tree. Built with the `d3.tree`, `d3.hierarchy`, and `d3.linkHorizontal` APIs, it supports interactive zooming via a custom `zoom` event that applies SVG transforms.

Jjmukul1997

92% match

Loading thumbnail…

Fork of World Countries Tree

This fork of a world countries tree visualizes the hierarchical relationships between continents, subregions, and countries using an SVG-based tree layout. The d3.hierarchy and d3.tree functions structure the data, while d3.linkHorizontal generates the curved connecting paths. The visualization uses d3.zoom to enable panning and zooming, with text labels sized according to depth level. Data is loaded from a JSON file structured by geographic regions, rendered in the Playfair Display font.

IIlayaraja R

89% match

Loading thumbnail…

Fork of Fork of World Countries Tree

This visualization presents a hierarchical tree of world countries, organized by continent and subregion. It uses a left-to-right tree layout with curved links and sized text labels, where font size decreases with depth. The rendering is built with D3 v5, using `d3.tree`, `d3.hierarchy`, `d3.linkHorizontal`, and `d3.zoom` for pan and zoom interactions. Data comes from a nested JSON file containing country groupings.

Jjmukul1997

89% match

Loading thumbnail…

Fork of World Countries Tree

This visualization shows a hierarchical tree of world countries, organized from continents down to subregions and individual nations, using a horizontal dendrogram layout. Labels appear at each node, with font size decreasing by depth to emphasize higher-level groupings. The implementation uses D3 v5’s `d3.hierarchy`, `d3.tree`, and `d3.linkHorizontal` to compute the layout and draw SVG paths, while `d3.zoom` enables panning and zooming. Styling relies on a Playfair Display font and teal connection lines, with data loaded from a local JSON file.

Ffkukcha

89% match

Loading thumbnail…

Fork of World Countries Tree

This visualization displays a hierarchical tree of world countries, organized by region and subregion, using a horizontal node-link layout. The code renders the structure with SVG paths and text labels, applying D3’s `tree()` layout, `hierarchy()`, `linkHorizontal()`, and `zoom()` for pan and zoom interactions. Data is loaded from a JSON file containing nested country groupings, with label font size decreasing by depth. The visualization uses a custom Playfair Display font and subtle text shadows for readability.

DDamian Grzanka

89% match

Loading thumbnail…

Fork of World Countries Tree

This visualization displays the hierarchical structure of world countries, organized by continent and subregion, using a horizontal tree layout. The D3.js code employs `d3.tree` and `d3.hierarchy` to compute node positions, `d3.linkHorizontal` to draw curved connecting paths, and `d3.zoom` to enable pan and zoom interactions. Text labels for each country and region are rendered directly in SVG, with font sizes decreasing by depth level. Data comes from the included `data.json` file, which nests countries geographically.

Ssawyer.ashley@ymail.com

89% match

Loading thumbnail…

Fork of Fork of World Countries Tree

This visualization presents a hierarchical tree of world countries, organized by continent and subregion, using a horizontal dendrogram layout. The code employs `d3.tree()` and `d3.hierarchy()` to compute node positions from a JSON data file, with `d3.linkHorizontal()` generating smooth curved links between parent and child nodes. Interactive zooming is enabled through `d3.zoom()`, allowing users to explore the full dataset. Node labels are rendered as SVG text elements with font sizes that decrease per depth level, while paths are styled with a teal stroke and Playfair Display typography.

YYuji

89% match

Loading thumbnail…

Fork of World Countries Tree

This visualization renders the hierarchical structure of world countries as a vertical tree, grouping nations by continent and subregion. It shows the nested relationships between continents, regional divisions, and individual countries. The code uses D3 v5’s `tree` layout and `hierarchy` functions to compute node positions, with `linkVertical` generating curved paths for connections. SVG circles and text labels display each node, while the `zoom` behavior enables panning and scaling. Data is loaded from a JSON file, and styling uses the Playfair Display font with color-coded nodes and links by depth.

HHaili0109

89% match