Skip to main content
100%

Org

✓ Published0🌍 Public
663anp3ca
Last edited Oct 31, 2018
Created on Oct 31, 2018

This example shows an organizational chart for an Estates Department, displaying a hierarchy of teams and sub-teams from the top-level department down to individual service units like security, cleaning, and telecoms. The visualization is built with D3.js v4, using the `d3.stratify()` layout to convert flat data into a hierarchy, and then rendered as a tree diagram with curved links and labeled circular nodes. Each node is positioned via the `d3.tree()` layout, with node text showing the full description of each unit, such as “Estates Facilities Management” or “Estates Helpdesk.” The SVG rendering includes internal and leaf node styling, with child nodes distinguished by their placement and link curves. The data is embedded directly in the code as an array of objects with parent-child relationships.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/lsennett38/'>lsennett38</a>'s block: <a href='http://bl.ocks.org/lsennett38/a0911c56d0ad81605e84ec1b5c3bac2e'>Org</a>

mit Licensed

Similar vizzes