Pyramid Chart

A Pyramid Chart is a hierarchical visualization where values are represented in the form of a triangle divided into horizontal segments. Each segment corresponds to a stage, level, or category, arranged in a progressive order based on size or importance.

This visualization is widely used to illustrate hierarchical structures, proportional breakdowns, or staged processes, such as organizational hierarchies or priority levels.

Best Situations to Use

Use a Pyramid chart when:

  • You need to display a hierarchical breakdown of categories.

  • Representing levels of hierarchy in an organization or process.

  • Highlighting progressive reduction or distribution of data.

Examples:

  • Showing organizational administrative structure.

  • Representing business strategy breakdowns (e.g., objectives → goals → tasks).

  • Demonstrating customer segmentation tiers.

Variations

  • Funnel Chart – A variation where the pyramid narrows from top to bottom.

  • Inverted Funnel Chart – The pyramid flipped upside down, showing hierarchy from bottom to top.

Properties

General

  • Component Name – Auto-generated unique identifier.

  • Position (Left, Top) – Placement coordinates on the canvas.

  • Height / Width – Set chart dimensions.

  • Initial Visibility – Show/hide chart on load.

  • Max Button – Enable maximize option.

  • Show Percentage – Display percentage contribution of each segment.

  • Series Colors – Customize colors for pyramid segments.

Background & Styling

  • Gradient Rotation – Adjust gradient angle.

  • Opacity – Set background transparency.

  • Gradient – Configure gradient colors for background.

  • Border – Set width, color, and rounded radius of borders.

  • Shadow – Add depth with configurable shadow color and transparency.

Tooltip

  • Supported options: None, Default.

  • Customize tooltip background, opacity, border color, font size, box width, and precision.

  • Highlighter – Highlight pyramid segments when hovering.

Title & Subtitle

  • Show/hide title and subtitle.

  • Customize text (font color, size, style, weight, family, alignment, decoration).

  • Option to display dataset description dynamically.

Legend

  • Show/hide chart legend.

  • Customize legend text (color, size, style, weight, family, decoration).

  • Option to hide legend on load.

Formatter

  • Unit – Set measurement unit (%, $, count).

  • Precision – Define decimal places.

  • Currency – Format numbers as currency.

  • Position – Place values as prefix or suffix.

  • Number Formatter – Choose Indian or International number style.

Export Options

  • Enable context menu for exporting.

  • Supported formats: Excel, CSV, JPEG, PNG, PPT, PDF, Print.

  • Customize export heading, subheading, and file name.

  • Define global export type (Screenshot or Tabular).

Example Use Cases

  • Business: Display organizational hierarchy (Board → Executives → Managers → Staff).

  • Marketing: Represent stages of customer segmentation or loyalty tiers.

  • Education: Visualize Bloom’s Taxonomy (Knowledge → Understanding → Application, etc.).

  • Healthcare: Show patient care hierarchy (Screening → Diagnosis → Treatment → Follow-up).

Sample Data Setup:

  • Category Field: Stage (e.g., Level 1, Level 2, Level 3).

  • Series Field: Count (numeric values for each stage).

⚠️ Note:

  • Category fields can be string, numeric, or date types.

  • Series fields must be numeric.