Categories

Pyramid Chart Generator

Generate pyramid charts for hierarchical structure visualization, perfect for organization charts, hierarchy levels, and proportional data

Data for the pyramid chart. Supports JSON array or simple label:value text format

Title that will be displayed above the chart

Size of the square chart in pixels

Size of the labels in pixels

Duration of the animation in milliseconds

Background color for the chart container

Display absolute values on the pyramid

Display percentage values on the pyramid

Display labels on the pyramid

Key Facts

Category
Data Visualization
Input Types
textarea, text, select, number, color, checkbox
Output Type
html
Sample Coverage
4
API Ready
Yes

Overview

The Pyramid Chart Generator is a specialized tool designed to create clear, professional hierarchical visualizations. It allows you to transform proportional data into structured pyramid charts, making it an ideal solution for displaying organizational structures, Maslow-style hierarchies, or any data set where relative importance or volume needs to be communicated visually.

When to Use

  • When you need to visualize hierarchical levels within an organization or system.
  • When presenting proportional data that requires a top-down or bottom-up comparison.
  • When creating educational or business diagrams that illustrate layered concepts like Maslow's hierarchy.

How It Works

  • Input your data using either a JSON array format or a simple label-to-value text list.
  • Select your preferred pyramid style, such as standard triangle or stacked segments.
  • Adjust visual settings like color schemes, label positions, and chart orientation to match your presentation needs.
  • Generate the chart and customize display options like showing absolute values or percentages.

Use Cases

Visualizing corporate management structures from executive leadership down to entry-level staff.
Illustrating marketing funnel stages to show lead conversion volume at each step.
Creating infographics for educational content that requires a layered hierarchy display.

Examples

1. Corporate Hierarchy Visualization

HR Manager
Background
The HR department needs to present the company's staffing levels across different departments for an annual report.
Problem
Traditional tables are difficult to read and do not clearly show the proportional distribution of staff.
How to Use
Input the department headcount data, select the 'Bottom Heavy' direction, and choose the 'Business' color scheme.
Example Config
{"chartData": "Executive:5\nManagement:20\nStaff:150", "pyramidDirection": "bottom-heavy", "colorScheme": "business"}
Outcome
A professional pyramid chart clearly showing the company's staffing structure with the large base representing the staff and the narrow top representing executive leadership.

2. Marketing Funnel Analysis

Marketing Analyst
Background
An analyst is tracking the conversion rates of a new campaign from initial impressions to final sales.
Problem
It is hard to visualize the drop-off rate between funnel stages using standard bar charts.
How to Use
Input the conversion numbers for each stage, enable 'Show Percentages', and set the style to 'Stacked'.
Example Config
{"chartData": "[{"label": "Impressions", "value": 1000}, {"label": "Clicks", "value": 200}, {"label": "Sales", "value": 20}]", "pyramidStyle": "stacked", "showPercentages": true}
Outcome
A stacked pyramid chart that visually represents the funnel, with percentages clearly indicating the conversion efficiency at each stage.

Try with Samples

json, text

Related Hubs

FAQ

What data formats are supported?

You can input data as a JSON array (e.g., [{"label": "A", "value": 10}]) or as a simple text list using a colon separator (e.g., Label:Value).

Can I change the direction of the pyramid?

Yes, you can toggle between 'Bottom Heavy' (large base to small top) and 'Top Heavy' (small base to large top) orientations.

Is it possible to show percentages instead of raw values?

Yes, the tool includes checkboxes to toggle the display of absolute values, percentages, and labels on the chart.

Can I customize the colors of the chart?

Yes, you can select from several predefined color schemes including Warm, Cool, Pastel, Vibrant, and Business.

What is the maximum size for the generated chart?

The chart size can be adjusted between 300 and 800 pixels to fit your specific layout requirements.

API Documentation

Request Endpoint

POST /en/api/tools/pyramid-chart-generator

Request Parameters

Parameter Name Type Required Description
chartData textarea Yes Data for the pyramid chart. Supports JSON array or simple label:value text format
chartTitle text No Title that will be displayed above the chart
pyramidStyle select No -
pyramidDirection select No -
colorScheme select No -
chartSize number No Size of the square chart in pixels
fontSize number No Size of the labels in pixels
animationDuration number No Duration of the animation in milliseconds
labelPosition select No -
backgroundColor color No Background color for the chart container
showValues checkbox No Display absolute values on the pyramid
showPercentages checkbox No Display percentage values on the pyramid
showLabels checkbox No Display labels on the pyramid

Response Format

{
  "result": "
Processed HTML content
", "error": "Error message (optional)", "message": "Notification message (optional)", "metadata": { "key": "value" } }
HTML: HTML

AI MCP Documentation

Add this tool to your MCP server configuration:

{
  "mcpServers": {
    "elysiatools-pyramid-chart-generator": {
      "name": "pyramid-chart-generator",
      "description": "Generate pyramid charts for hierarchical structure visualization, perfect for organization charts, hierarchy levels, and proportional data",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=pyramid-chart-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

You can chain multiple tools, e.g.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 tools.

If you encounter any issues, please contact us at [email protected]