Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Visualization of Spatial Data - Tree Graph

Public visualization

Visualization of Spatial Data - Tree Graph

0 stars6🌍 Public
Sshailajat1998@gmail.com
Last edited Mar 31, 2024
Created on Mar 31, 2024

This example visualizes an organizational hierarchy as a tree graph using D3.js v5. The code loads employee data from a remote CSV file, then uses `d3.stratify()` to convert flat records into a hierarchical structure and `d3.tree()` to compute layout positions. Nodes are rendered as colored SVG circles—green for CEO, blue for CTO, orange for CFO, and red for HR Manager—with employee names displayed as text labels, while curved links connect managers to their direct reports.

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