🌍 Public
ICE 8 - Tree & Network
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 descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.
MIT Licensed
Comments
Sign in to join the discussion.