Fork of World Countries Tree

100%

Fork of World Countries Tree

✓ Published0🌍 Public

Ttushar20121907

Last edited Jun 14, 2021

Created on Jun 14, 2021

A collapsible tree diagram displays tweet texts about healthcare, arranged as a root node with a single branch of nested tweet content. The visualization uses d3.hierarchy and d3.tree to compute the layout, with d3.linkHorizontal generating the connecting paths. d3.zoom enables interactive panning and zooming of the SVG rendering. Node labels are styled with the Playfair Display font, and the data originates from a JSON file containing tweet messages.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of World Countries Tree

This visualization displays a hierarchical tree of world countries, branching from a single "World" root node. The tree layout positions data-loaded country names as connected nodes with horizontal links, where font size decreases with depth. Users can pan and zoom through the SVG rendering using d3.zoom. Built with d3.hierarchy, d3.tree, and d3.linkHorizontal, it loads country IDs from a JSON file and applies a Playfair Display font for text styling.

TTushar Koul

87% match

Loading thumbnail…

Fork of World Countries Tree

This visualization shows a hierarchical tree of world countries organized by continent and subregion, using a collapsible layout where text labels are positioned along branching paths. The tree renders in SVG with zoom and pan capabilities enabled by the d3.zoom interaction. It uses d3.hierarchy to build the structure from a JSON data source, d3.tree to compute the layout, and d3.linkHorizontal to generate curved connector paths. Text size scales inversely with depth, and styling uses the Playfair Display font with a custom CSS shadow effect for readability.

HHemanta Devkota

85% match

Loading thumbnail…

Fork of World Countries Tree

A hierarchical tree visualization displays countries organized by continent and subregion, with the world as the root. The layout positions nodes horizontally by depth, and text size decreases with each level. D3 v5’s `tree` layout, `hierarchy`, and `linkHorizontal` generate the SVG paths and labels, while a `zoom` behavior enables pan and scaling. The data comes from a JSON file, and text styling uses the Playfair Display font.

DDamian Grzanka

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

85% match

Loading thumbnail…

Fork of World Countries Tree

This fork of the world countries tree visualizes the hierarchical structure of global regions, subregions, and countries from a JSON dataset. It renders a horizontal dendrogram in SVG, with each country as a leaf node labeled by name. The code uses d3.hierarchy, d3.tree, and d3.linkHorizontal to compute and draw the layout, while d3.zoom enables pan and zoom interactions. Text styling and font sizes adjust based on node depth, with a Playfair Display font applied throughout.

FForemost123

84% match

Loading thumbnail…

Fork of World Countries Tree

This visualization displays a hierarchical tree of world countries, organized by continent and subregion, using a collapsible-free horizontal layout. The code builds the tree with `d3.tree` and `d3.hierarchy`, rendering links as horizontal paths via `d3.linkHorizontal`. Text labels scale in font size based on depth, and the entire view supports pan and zoom through `d3.zoom`. Data comes from a pre-structured `data.json` file, and the SVG is styled with custom CSS using the Playfair Display font.

AAnjana Sinha

84% match

Loading thumbnail…

Fork of World Countries Tree

AAnjana Sinha

84% match

Loading thumbnail…

Fork of World Countries Tree

This visualization shows a hierarchical tree of world countries organized by continent and subregion, with the nation names rendered as text nodes connected by curved links. It uses a d3.tree layout with a horizontal link generator to position the hierarchy in an SVG canvas, and d3.zoom enables panning and zooming across the full-width and height layout. The data comes from a static JSON file, and the text size decreases with depth to emphasize regional groupings. The code leverages d3.select, d3.hierarchy, d3.linkHorizontal, and d3.event, with custom Playfair Display typography and a stroke color for the paths.

KKaveri Biswas

84% match