Hierarchy Chart - Because Everything is Hierarchical

 The essential way to divide and conquer problems

 Introduction to an essential organization chart tool for desktop and web developers

See Advanced Demo | Database Sample

Everything is Hierarchical
Table of ContentsWho to assign?Static diagrammming /DrawingHow to describe?Hierarchy-Chart\nImpression\nBird`s-Eye View\nTotality\nAccessibiltyDynamic programmingWhat to do?Everything is HierarchicalSub-expertWhen to use?ModifyAnalyseWhether level matters?Which hierarchy matters?Point of ViewStressWhy hierarchy is important?KnowledgeIntentionClassificationWhat is hierarchy?OrganizationStructure

Click on a node to go to the topic. Click (+/-) to expand/collapse.
Use slider/mousewheel to zoom. Place mouse over 'Options' to get the chart menu.
More screenshots.   Download Source Code of this article.

Summary: Everything in the universe (and the universe itself) should be explained/analyzed hierarchically. Because that is the essential way of solving complex problems. Also knowledge comes from classification. This article explains why hierarchical representation (of data and facts) is important and how to do that; more specifically how to do that in applications and web pages using well-designed and comprehensive Unifosys Chart4.NET (organization chart) component.

Let us examine, how a reader decides whether to read an article or not. Firstly he will just have a bird's eye view of the entire article. If he finds something that seems interesting (to learn or seems beneficial in some way or other, like you) to him, he will be tempted to read the entire article in the context of his renewed interest.

The above mentioned evaluation process by the reader, has two important aspects - attracting the right audience and avoiding the unintended audience. That is crucial because it is important that you should not miss the right audience. If you read up to this point, it is most probably because you find something when you fly over this.

What is hierarchy? Top
The hierarchy shows the relationship of various units. It is important in the design phase of a component or system. It shows:

Structure Top
Hierarchy shows the inner-composition of an item or idea.
Organization Top
It shows the components of an item and how that are bonded together.
Classification Top
An item in the top shows the classification (where it belongs) of items below it.
Usually a hierarchy is represented by a chart. Common examples include:

  • Business Organizational Chart
  • Photo Organizational Chart
  • Company Organization Chart
  • City Organizational Chart
  • Market Organizational Chart
  • IT Organizational Chart
  • Corporate Organizational Chart
  • Human Resource Organization Chart
  • School Organizational Chart
  • Financial Organizational Chart
  • Team Organizational Chart
  • Police Organizational Chart
  • Hospital Organizational Chart
  • Sales Organizational Chart etc.

    This long list itself tells us that everything can be hierarchical.

    Why hierarchy is important? Top
    It classifies the items or components. Our knowledge is classified data. Using a hierarchy, we can change the way people think about a concept. A hierarchy conveys: 

    Intention Top
    It shows the intent of the total structure or concept.
    Knowledge Top
    It describes knowledge; or knowledge comes from classification.

    Which hierarchy matters? Top
    There may more than one way to depict a system or concept. Consequently the details and depth of the resulting hierarchy may vary. Mainly it depends on where the stress is and what is the point of view:

    Stress Top
    Stress means what you want to convey about the item.
    Point of View Top
    Point-of-view refers to the angle you view the object. Functional and structural hierarchies are best examples. In a photo collection you can have a one of chronological or person (family) at first level, and the other one in lower levels.
    This is an important fact that should be fine-tuned by considering the target audience. Normally there is no problem having more than one hierarchical representation, each describing a different stress or point of view.

    Whether level matters? Top
    Yes, but in the sense that what all and how much it is expanded below that level (and not about how much is above that level).

    It seems people (who takes up responsibility) doesn't like a hierarchy at their workplace or even at home. They like people (or parents) are just being their friends. And it is a lot true that a hierarchy-less arrangement promotes creativity and freedom of expression. It is also true that a hierarchy is essential, at least for the purpose of a structure, analysis and reporting.

    Our discussion is not primarily about organizational hierarchy. Still it is worthy to note that the value of an item in the hierarchy is about how much it can be expanded (at least within it).

    When to use? Top
    When it is required to analyze or modify something - it gives a bird's eye view of the problem. When you want to quickly grasp the totality and to learn about it. When you want to impress, or when you want to give a quick accessibility. Hierarchy analysis should be used for:

    System Analysis Top
    Suppose you have a complex problem at hand. And you need to find a solution to this problem. The first thing you may have to do is to find a set of alternative solutions. Finally you have to find best out of them. But how to find the best? You have to split/componentize it in a hierarchical way. Then you have to give a weight (cost estimation/resource estimation) for each of the nodes, and calculate the total weight. Finally you can decide the optimum solution based on the optimum weight.
    System Enhancements Top
    When you need to modify/revolutionize an existing system, then also need the existing hierarchy (the structural and functional ones). Based on that you can evaluate the existing system, and can suggest modifications as a mapping to a new better hierarchy.

    Who to assign? Top
    No much options are available on whom to be assigned the charge (on a sub-hierarchy):

    Sub-expert Top
    An expert on the subject of sub-hierarchy is required. It will cause a better detailed design and execution.

    How to describe? Top
    There are 2 different ways to depict a hierarchical categorization:

    Table of Contents Top
    You can represent the hierarchical structure using a table of contents structure, which is essentially a tree structure.
    Hierarchy Chart Top
    Alternately you can describe the organizational structure using a hierarchical chart like the one on this article. A hierarchy chart (also known as a structure chart/organization chart) has some advantages over a tree structure:

  • Impression: It is a pictorial presentation; people have an inclination to pictures, because it can put a lot of eye-catching and stress customizations.
  • Bird's-Eye View: It shows a better positioning of items in the chart.
  • Totality: You can put additional information in the hierarchy chart (like photo, summary etc), in a much readable format.
  • Accessibility: Dynamic hierarchy charts can have hyperlinks to sub items and details.

    There are 2 types of hierarchy charts:

  • Static Hierarchy Charts Top
  • Static charts can be created by many different diagramming tools (later-editable) like Microsoft Visio or drawing tools (less-editable) like Paint.NET or Windows Paint. The end point is that you can save the chart drawn to an image file.

    There are some issues with static charts:
  • Static behavior: It cannot have dynamic (hyperlinking or interactive) behavior from a user point of view. To use it in web environment and to add some dynamism, still it has some work to define and maintain map areas (assume you are or have the support of a web developer).
  • Possibility of expiry: Static hierarchy charts may expire soon, when the underlying data changes. It may be difficult to redraw it each time.
  • Drawing effort: It may be tedious to determine the size/font/position etc. of nodes, and reapply the settings each time.
  • Dynamic Hierarchy Charts Top
  • Dynamic charts have a programming scenario. Once used in a computer program (application/website) it provides user a lot of features the charting component has. Most importantly dynamic charts will chart dynamic data (from a database or from other data sources).

    Advantages of dynamic charts are:
  • Dynamic behavior: Dynamic charts are interactive. User can expand/collapse, zoom, see tooltip, and can navigate to more details
  • Runtime data (Data Independence): It takes data from the source and draws the chart. So data can change irrespective of chart settings.
  • Automatic drawing: It draws and layout automatically depending on the volume of data.
    The above advantages are provided by chart-specific features like resizable, movable (through a margin), tool tips, layouts, views, expand and collapse parts, automatic sub charts etc. This interactivity is important for a hierarchy chart (than other type of charts), because hierarchy charts have a more complex layout. Unifosys Chart4.NET is such a dynamic and automatic component for .NET developers (for winforms and ASP.NET webforms).
  • What to do? Top
    Next time when you design/write/think of something, first think of its hierarchical organization and its position in a still large hierarchy. Then you will have a full set of ideas. Now you may be doing the same, but probably without much thinking on that. If you are a programmer, think of utilizing Unifosys Chart4.NET to provide runtime dynamic organization charts to your users.

  • More Demo for Organization Chart Component (ASP.NET)

    1. Advanced Demo
    2. Organization Chart Component with Focus Rectangle
    3. Organization Chart Component with Rich Tooltip
    4. Organization Chart Component with Horizontal Orientation
    5. Three Dimensional Organization Chart Component
    6. Organization Chart Component with Shaded Nodes
    7. Organization Chart Component with Transparent Nodes
    8. Organization Chart Component with Semi-Transparent Nodes
    9. Organization Chart Component with Gradient Background for Nodes

    Download Source Code of this article.

    © 2014, Unifosys