Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE 8 - Tree Graph

Public visualization

ICE 8 - Tree Graph

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

This company hierarchy tree visualization displays an organizational structure from a CEO down through engineering and marketing departments, teams, and individual employees. The D3.js v7 code uses `d3.hierarchy` and `d3.tree` to compute node positions, while the SVG rendering uses different shapes—circles, rectangles, and polygons—to visually distinguish departments, teams, and people. Each node is styled with custom colors and strokes defined in CSS, and parent-child links are drawn with a light blue fill and yellow stroke. The hierarchical data is defined directly in the JavaScript source.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed