Categories

← View All Tools

Multi-level Pie Chart Generator

Create concentric multi-level pie charts with hierarchical relationships and interactive drill-down functionality

Hierarchical data as nested JSON object with numeric values at leaf nodes

Title that will be displayed above the chart

Inner radius of the innermost circle in pixels

Outer radius of the outermost circle in pixels

Starting angle in degrees (0-360)

Ending angle in degrees (0-360)

Maximum number of levels to display

Text to display in the center of the chart

Width of borders between segments in pixels

Display segment labels

Display segment values

Display percentage values

Enable interactive drill-down functionality

Font size for labels and values

Font size for the chart title

Font family for text elements

Width of the chart in pixels

Height of the chart in pixels

Background color of the chart

Animate the chart when it loads

Animation duration in milliseconds

Key Facts

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

Overview

The Multi-level Pie Chart Generator allows you to visualize complex, hierarchical data through interactive, concentric circles. By transforming nested JSON structures into intuitive sunburst-style charts, this tool helps you identify patterns and proportions across multiple levels of data with ease.

When to Use

  • •When you need to visualize hierarchical data structures like organizational charts or product categories.
  • •When you want to compare the relative proportions of sub-categories within a larger dataset.
  • •When you require an interactive interface to drill down into specific data segments for deeper analysis.

How It Works

  • •Input your hierarchical data as a nested JSON object, ensuring numeric values are assigned to the leaf nodes.
  • •Customize the visual appearance by adjusting parameters like inner/outer radius, color schemes, and font settings.
  • •Enable interactive features such as drill-down functionality and animations to enhance user engagement.
  • •Generate and export your interactive chart as an HTML file for use in presentations or web reports.

Use Cases

Visualizing corporate budget allocations across departments and individual project teams.
Mapping website traffic sources, broken down by platform, channel, and specific landing pages.
Displaying product inventory hierarchies, from broad categories down to specific stock keeping units.

Examples

1. Departmental Budget Breakdown

Financial Analyst
Background
The analyst needs to present the annual budget distribution across three main departments, each containing multiple sub-projects.
Problem
Standard pie charts cannot show the relationship between departments and their sub-projects simultaneously.
How to Use
Input the budget JSON structure, set the max depth to 2, and select the 'Cool' color scheme for a professional look.
Example Config
{"Technology": {"Cloud": 500, "Security": 300}, "Marketing": {"Ads": 400, "Events": 200}}
Outcome
A clear, concentric chart where the inner ring shows department totals and the outer ring displays specific project allocations.

2. E-commerce Sales Analysis

Marketing Manager
Background
The manager wants to see how sales are distributed across product categories and sub-categories to identify top-performing segments.
Problem
The dataset is too deep for a flat chart, making it difficult to see which sub-categories drive the most revenue.
How to Use
Paste the sales data, enable 'Show Percentages' and 'Enable Drill Down' to allow stakeholders to explore the data interactively.
Example Config
{"Electronics": {"Phones": 1200, "Laptops": 800}, "Home": {"Kitchen": 600, "Decor": 400}}
Outcome
An interactive sunburst chart that allows the manager to click into 'Electronics' to see the specific performance of phones versus laptops.

Try with Samples

json, text
PDF Samples
Generated PDF samples from tools dated 2026-02-01 to 2026-02-10
preferred input family json
json
WebRTC Real-Time Communication Samples
Comprehensive WebRTC samples for peer-to-peer audio/video communication, data channels, screen sharing, and signaling server implementation
preferred input family json
json
JWT Samples
Comprehensive JWT examples from basic token structure to advanced security implementations
preferred input family json
json
ELK Stack Log Analysis Samples
Comprehensive ELK Stack (Elasticsearch, Logstash, Kibana) samples for log aggregation, processing, and visualization in distributed systems
preferred input family json
json

Related Hubs

Json Generate Tools
Explore 33 json tools for generate workflows and compare closely related utilities quickly.
Json Convert Tools
Explore 100 json tools for convert workflows and compare closely related utilities quickly.
Text Convert Tools
Explore 80 text tools for convert workflows and compare closely related utilities quickly.
Json Tools
Explore 43 json tools for utility workflows and compare closely related utilities quickly.

FAQ

What data format is required?

The tool requires a nested JSON object where each level represents a hierarchy and the final leaf nodes contain the numeric values to be visualized.

Can I change the colors of the chart?

Yes, you can select from various pre-defined color schemes, including warm, cool, pastel, and vibrant palettes.

What is the drill-down feature?

The drill-down feature allows users to click on a specific segment of the chart to zoom in and focus exclusively on that branch of the data hierarchy.

How many levels can I display?

You can set the maximum depth of the chart, with support for up to 5 levels of hierarchy.

Is the chart interactive?

Yes, the generated chart supports interactive drill-down and optional animations to make data exploration more intuitive.

API Documentation

Request Endpoint

POST /en/api/tools/multi-level-pie-chart-generator

Request Parameters

Parameter Name Type Required Description
chartTitle text No Title that will be displayed above the chart
hierarchicalData textarea Yes Hierarchical data as nested JSON object with numeric values at leaf nodes
innerRadius number No Inner radius of the innermost circle in pixels
outerRadius number No Outer radius of the outermost circle in pixels
colorScheme select No -
startAngle number No Starting angle in degrees (0-360)
endAngle number No Ending angle in degrees (0-360)
maxDepth number No Maximum number of levels to display
centerLabel text No Text to display in the center of the chart
strokeWidth number No Width of borders between segments in pixels
showLabels checkbox No Display segment labels
showValues checkbox No Display segment values
showPercentages checkbox No Display percentage values
enableDrillDown checkbox No Enable interactive drill-down functionality
fontSize number No Font size for labels and values
titleSize number No Font size for the chart title
fontFamily text No Font family for text elements
chartWidth number No Width of the chart in pixels
chartHeight number No Height of the chart in pixels
backgroundColor color No Background color of the chart
animationEnabled checkbox No Animate the chart when it loads
animationDuration number No Animation duration in milliseconds

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-multi-level-pie-chart-generator": {
      "name": "multi-level-pie-chart-generator",
      "description": "Create concentric multi-level pie charts with hierarchical relationships and interactive drill-down functionality",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=multi-level-pie-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]