baperondard

@baperondard·3 public vizzes

PocD3

This visualization presents a hierarchical tree of provider categories, such as Architecture and Beauty & Wellness, with nodes labeled by category names and connected by curved links. Built with D3 v5, it uses the `tree` layout and `linkHorizontal` generator to position and draw the graph, while a `zoom` behavior enables panning and scaling. The SVG rendering applies a fixed font size that decreases with node depth, and the data comes from a local JSON file.

Jul 13, 2021

Loading thumbnail…

D3radialPoc

This radial tree visualization displays a hierarchical dataset of location categories, with nodes arranged in concentric circles and connected by curved links. The visualization supports panning and zooming interactions. Built with D3 v4, it uses the `d3.cluster` layout to position nodes and SVG paths to draw the radial connections. Text labels rotate dynamically based on their angular position, with font sizes scaling according to node depth. The data originates from a JSON file containing a provider-category hierarchy.

Jul 7, 2021

Loading thumbnail…

D3KarimPOC

This example shows a hierarchical dataset of global regions and countries, organized as a tree structure with the root labeled "Amusement & Recreational Venue." It renders an SVG dendrogram using D3's `tree()` and `hierarchy()` layouts, with `linkHorizontal()` generating curved connector paths. The visualization supports pan and zoom via `d3.zoom`, and node labels display at varying font sizes based on depth. Data comes from `data.json`, and text styling uses the Playfair Display font.

Jul 6, 2021