Fork of POI Category Tree

100%

Fork of POI Category Tree

✓ Published0🌍 Public

Last edited Jul 17, 2021

Created on Jul 17, 2021

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.

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

Kkzaiets

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

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

90% 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…

Real Estate Society

This example visualizes the ArcGIS Supported Category Values dataset as a hierarchical tree, organizing real estate-related places into categories such as Food, Education, and Travel. The tree layout, rendered with SVG, uses d3.tree and d3.hierarchy to position parent and child nodes, with linkHorizontal drawing the connecting paths. Text labels are sized by depth. The visualization supports zooming and panning through d3.zoom, allowing users to explore the full categorization structure.

HHamza Humayun

77% match

Loading thumbnail…

Fork of Tree Example

This interactive tree diagram visualizes a hierarchical dataset using D3.js, with nodes representing categories and leaves sized by population data from a CSV file. The visualization shows a branching structure where users can click nodes to expand or collapse children, with animated transitions between states. Built with D3's layout tree and diagonal APIs, it renders as an SVG with smooth 750ms transitions, while node circles display tooltip information on hover.

Ddeeyeehaw

75% match