Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE - 8: Visualizing Tree

Public visualization

Fork of ICE - 8: Visualizing Tree

0 stars0🌍 Public
MM
Last edited Mar 28, 2024
Created on Mar 28, 2024

This visualization displays a hierarchical tree structure, showing nodes and their relationships as branching links. The data originates from a CSV file, which is processed using `d3.stratify` and `d3.hierarchy`. The tree layout is computed with `d3.tree`, positioning nodes horizontally. Links are drawn as curved paths via `d3.linkHorizontal`, while node labels are rendered as text elements with font sizes scaling by depth. Pan and zoom interactions are enabled through D3's `zoom` behavior, applied to the SVG container.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed