Corner-f9f9f9-150x72
Corner-f9f9f9-150x72

Corner-f9f9f9-150x72
Corner-f9f9f9-150x72

Corner-f9f9f9-150x72
Corner-f9f9f9-150x72

Corner-f9f9f9-150x72
Corner-f9f9f9-150x72

Corner-f9f9f9-150x72
Corner-f9f9f9-150x72

Corner-f9f9f9-150x72
Corner-f9f9f9-150x72

Corner-f9f9f9-150x72
Corner-f9f9f9-150x72

Corner-f9f9f9-150x72
Corner-f9f9f9-150x72

Corner-f9f9f9-150x72
Corner-f9f9f9-150x72

Corner-f9f9f9-150x72
Corner-f9f9f9-150x72

Corner-f9f9f9-150x72
Corner-f9f9f9-150x72

Corner-f9f9f9-150x72
Corner-f9f9f9-150x72

Organization Tools - Version 2

Compact, navigable org chart

Concept

After writing the first version of organizational tools I wanted to see how I could display the org chart in a more compact and impactful way.

The traditional view of an org chart, one with a tree structure that builds out horizontally, is typically only good for manual creation and doesn't scale very well for even modestly sized organizations.

In this design exploration I looked at ways to build the chart such that it could display as many employees as possible and be navigated easily.

The result is the layout above that uses space as efficiently as possible while still showing every employee. It also displays a mini chart in the left hand corner for quick navigation to a particular manager's organization.

Implementation

The chart's data was collected in the same way as the previous version, using Ajax calls to the enterprise server.

The chart display is now created using XSLT to transform the data from the server, and to filter the tree when the user performs a faceted browse operation.