---
title: Usage
position: 2
seo_title: Guidelines for Using the OrgChart Component
seo_description: Get the knack of the Telerik and Kendo UI OrgChart and learn
  how to use the sizing options of the component by following the instructions
  and recommendations in the usage guidelines created by our designers
---

## Usage Guidelines

The Telerik and Kendo UI OrgChart requires you to follow some basic principles when using the component.

### Color Indicator

Incorporating color indicators into OrgChart nodes significantly enhances the visual hierarchy of organizational structures. These color cues serve as valuable markers, aiding users in swiftly identifying and understanding the different levels within the chart. This feature not only contributes to an aesthetically pleasing design but also plays a crucial role in improving user comprehension and navigation through complex organizational hierarchies.

<DosDonts>
<Do description="Use color indicators in OrgChart cards as an additional visual cue to effectively distinguish between different levels in organizational structures.">![A Telerik and Kendo UI OrgChart using color indicators in the cards](images/components-orgchart-usage-color-indicator-do.png "Use color indicators in the OrgChart cards when working with the Telerik and Kendo UI OrgChart.")</Do>
<Dont description="Avoid omitting the color indicators, as this can make it challenging to recognize the different levels within the OrgChart.">![A complex Telerik and Kendo UI OrgChart used without color indicators](images/components-orgchart-usage-color-indicator-dont.png "Don't use the Telerik and Kendo UI OrgChart without color indicators when representing complex structures.")</Dont>
</DosDonts>

### Grouping

The grouping feature in the OrgChart component serves as a tool for creating a visually organized representation of complex organizational structures. By strategically grouping related units, such as departments or teams, it provides a clear and efficient overview of the organization.

<DosDonts>
<Do description="Use the grouping feature in the OrgChart component to emphasize and focus on specific departments or teams within the organizational structure.">![A Telerik and Kendo UI OrgChart using the grouping feature](images/components-orgchart-usage-grouping-do.png "Use the grouping feature when working with the Telerik and Kendo UI OrgChart.")</Do>
<Dont description="Avoid displaying redundant information in OrgChart cards if it can be externalized using the grouping feature, which allows for a clear and efficient presentation of complex organizational structures.">![A Telerik and Kendo UI OrgChart used without the grouping feature](images/components-orgchart-usage-grouping-dont.png "Don't omit grouping related units when working with the Telerik and Kendo UI OrgChart.")</Dont>
</DosDonts>