Fork of POI Category Tree

100%

Fork of POI Category Tree

✓ Published0🌍 Public

Last edited Aug 25, 2021

Created on Aug 25, 2021

This tree visualization displays a hierarchical taxonomy of ArcGIS point-of-interest categories, branching from broad top-level groups like “Food” and “Travel and Transport” into detailed subcategories. The layout uses d3.tree() with linkHorizontal to position and connect nodes, rendering text labels at varying font sizes by depth. Implemented with d3.v5 and SVG, the view supports zooming via d3.zoom(). Data comes from data.csv, listing parent categories and their newline-separated children.

AI-generated description

A tree visualization of ArcGIS Supported Category Values.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of POI Category Tree

This is a tree visualization of ArcGIS point-of-interest categories, showing hierarchical relationships between parent categories like Food, Education, and Shops and Service, and their child values. The layout uses a left-to-right dendrogram with horizontal links, computed via `d3.tree` and `d3.hierarchy`. Category labels are placed with text-anchor adjustments, and the entire view is zoomable through `d3.zoom`. Data is loaded from a CSV file using `d3.csv`, and rendering is done as an SVG, with text shadows improving readability over the link paths.

CChriPi1

94% match

Loading thumbnail…

Fork of POI Category Tree

This visualization displays the ArcGIS Supported Category Values as a horizontal tree layout, grouping points of interest into broad categories like Food, Education, and Shops and Service. Each category branches into its individual leaf nodes, with text size and position encoding hierarchy depth. The code uses d3.csv to load the data, d3.tree and d3.hierarchy for layout, and d3.linkHorizontal for edge paths, all rendered as SVG within a zoomable group that leverages d3.zoom.

FFereidoun Mianji

94% match

Loading thumbnail…

Fork of POI Category Tree

This example visualizes the hierarchy of ArcGIS-supported point-of-interest categories, with roughly 300 child categories grouped under 10 major parent categories. The tree is laid out horizontally using `d3.tree()` and `d3.hierarchy()`, with nodes positioned by size and links drawn via `d3.linkHorizontal()`. The SVG rendering is zoomable and pannable through `d3.zoom()`, and labels are angled at each leaf for readability. Data is loaded from a CSV file using `d3.csv`.

KKirsten Lund

93% match

Loading thumbnail…

POI Category Tree

This visualization displays a hierarchical tree of ArcGIS point-of-interest categories, showing parent categories branching into their specific child values. It uses D3 v5’s `tree` layout and `linkHorizontal` generator to position and draw the SVG paths, with text labels scaled by depth. The data is loaded from a CSV file containing parent-child pairs, and the zoom behavior is enabled through `d3.zoom` for interactive panning and scaling.

AArjun Rao

91% match

Loading thumbnail…

POI Category Tree

This interactive tree diagram visualizes the hierarchical structure of ArcGIS point-of-interest (POI) categories, showing broad parent categories like Food and Travel and Transport branching into many specific child values such as "Sushi" or "Airport." The visualization uses a horizontal tree layout where nodes represent categories and connecting paths illustrate the parent-child relationships. It relies on D3 v5 APIs including `d3.tree`, `d3.hierarchy`, and `d3.linkHorizontal`, with zoom functionality enabled via `d3.zoom` and event handling. The SVG rendering displays category names as text labels with varying font sizes based on depth in the hierarchy. Data comes from the provided CSV file, which is processed and transformed into a hierarchical structure for display.

Jjhofang

90% match

Loading thumbnail…

POI Category Tree

This visualization displays a tree of Points of Interest, showing the hierarchical organization of ArcGIS-supported category values. The data is drawn from ArcGIS's category filtering documentation, with root categories like Arts and Entertainment, Food, and Residence, each expanding into their respective subcategories. The visualization uses a horizontal tree layout, with nodes connected by paths and labeled with text. Implemented using D3.js v5, the code uses the `tree`, `hierarchy`, and `linkHorizontal` utilities to compute and render the layout, with `zoom` functionality allowing interactive panning and scaling of the view.

CCurran Kelleher

88% match

Loading thumbnail…

Fork of Tree Graph

This tree visualization displays a hierarchical food categorization system, starting with a root "Food" node that branches into categories, subcategories, and individual items. The chart uses distinct geometric shapes for each depth level: circles for categories, rectangles for subcategories, and polygons for items, with a red root node. Built with d3.v7, the code constructs a hierarchical structure using `d3.stratify()` and `d3.tree()` functions, then renders the tree with `d3.linkVertical()` for connections. Labels appear above or below nodes depending on whether they have children, with the entire SVG output styled to fill the viewport.

Ssravya7136@gmail.com

78% match

Loading thumbnail…

Fork of a

This visualization presents a hierarchical tree of branching numeric labels, with each node displaying its value in large, serif text that shrinks as depth increases. The layout uses the D3 tree layout to position nodes, renders horizontal curved links between parent-child relationships, and supports zooming and panning via the D3 zoom behavior. Data is loaded from a JSON file and visualized entirely as SVG elements, with node text drawn using the Playfair Display font.

RRakshithaRao27

77% match