I'll create an interactive organizational chart with expandable nodes, employee cards, and smooth animations.
I've created an interactive organizational chart with the following features:
Key Features:
- Expandable/Collapsible Nodes: Click the chevron buttons to expand or collapse team hierarchies
- Interactive Cards: Hover effects with scaling and shadow changes
- Employee Information: Each card shows photo, name, title, department, contact info, and direct report count
- Visual Hierarchy: Different styling for executive, department heads, and team members
- Department Color Coding: Each department has its own color scheme
- Connecting Lines: Visual lines showing reporting relationships
- Responsive Design: Works well on different screen sizes
Interactive Elements:
- Expand/Collapse: Use the arrow buttons to show/hide team members
- Hover Effects: Cards scale and show enhanced shadows on hover
- Department Badges: Color-coded badges for easy department identification
- Contact Information: Email and phone details for each employee
The chart starts with the CEO at the top and branches down through department heads to individual team members. You can customize the data structure to match your organization's hierarchy and add more employees or departments as needed.