Fork of POI Category Tree

100%

Fork of POI Category Tree

✓ Published0🌍 Public

Last edited Feb 12, 2021

Created on Feb 12, 2021

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

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

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

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

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

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

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

86% match

Loading thumbnail…

Fork of D3 Tree with Multiple Parents

This example visualizes a hierarchical dataset of food categories and items, where nodes can have multiple parents, creating a non-tree structure. It displays the data as a left-to-right node-link diagram, with each item's label rendered as text and connections drawn as curved paths. The code uses D3.js v5 and the `tree`, `hierarchy`, and `linkHorizontal` APIs to lay out the graph, while a custom algorithm deduplicates repeated child nodes by ID and repositions them. The visualization is rendered as an SVG and includes pan and zoom interaction via D3's `zoom` event. The data is loaded from a JSON file and uses a transition animation to update node positions.

RRobert Wolf

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

77% match