React Pyramid Chart

  • Easily visualize data within a pyramidal structure organized into horizontal segments.
  • Part of the KendoReact library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
Pyramid Chart Header
  • Overview

    The KendoReact Pyramid Chart is used to visualize data in a pyramidal structure with horizontal segments. It  facilitates a different size for each section, effectively illustrating the hierarchy of topics through their respective width. The Pyramid Chart is particularly useful for visualizing stages within a sales process and for demonstrating the potential revenue from each stage. Additionally, it can be effectively used to identify potential issues and for illustrate multiple values. 

    See the React Pyramid Chart Overview demo 

    Pyramid Chart Overview
  • Fixed Height

    By default, the height of the pyramid segments is proportional to its value. To establish a fixed height for all segments, simply set the dynamicHeight property to false. 

    See the React Pyramid Chart Fixed Height demo 

  • Export Options

    You can easily export your React Pyramid Chart to PDF, SVG, PNG and the Kendo UI drawing format. If you need to change the image size or fit the chart to a specific paper size, the user-friendly export method will help you to preserve the chart’s quality and rendering in the output file.  

    See the React Chart Export Options demo    

  • Appearance

    You can easily tailor the series colors of the KendoReact Pyramid Chart with one of our predefined color sets, including Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (resembles the Bootstrap styling) and Fluent (based on Microsoft Fluent UI). Moreover, you have the flexibility to tailor any of the built-in themes or create a completely new theme to match your branding using the Progress ThemeBuilder.  

    See the React Chart Appearance demo    

  • Globalization

    The KendoReact Pyramid Chart supports globalization and localization capabilities to ensure a seamless experience with any application’s language and locale. Additionally, you can also utilize the right-to-left support for languages whose scripts are read right to left.  

    See the React Pyramid Chart Globalization demo  


All KendoReact Components

Next Steps