Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE 8 - Tree & Network

Public visualization

ICE 8 - Tree & Network

0 stars1🌍 Public
Kkotlavamsireddy@gmail.com
Last edited Apr 3, 2024
Created on Apr 2, 2024
Forked from HTML Starter

A hierarchical organizational tree renders company structure with departments, teams, and employees. The visualization uses d3.hierarchy and d3.tree to compute node positions, then draws horizontal links with d3.linkHorizontal. Node shapes vary by type: circles for departments, orange rectangles for teams, and rotated polygons for employees. Styled with custom CSS, the SVG output displays text labels adjacent to each node. Sample data is embedded in the script, showing the Marketing and Sales departments with their respective team members.

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