Categories

Sunburst Chart Generator

Generate hierarchical sunburst charts with polar coordinates and radial layout

Hierarchical data for the sunburst chart in JSON format

Title that will be displayed above the chart

Color scheme for the hierarchical segments

2 5 10

Maximum number of hierarchy levels to display

0 0 50

Inner radius as percentage of outer radius (0-50%)

8 12 16

Font size for segment labels

Display labels on segments

Display values on segments

Display percentage values on segments

Width of the chart in pixels

Height of the chart in pixels

Key Facts

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

Overview

The Sunburst Chart Generator allows you to visualize complex hierarchical data through an intuitive radial layout, making it easy to identify proportions and relationships across multiple levels of your dataset.

When to Use

  • When you need to display hierarchical data structures with multiple levels of nesting.
  • When you want to compare the relative sizes of categories and sub-categories in a circular format.
  • When you need a space-efficient alternative to traditional tree maps for presentations or reports.

How It Works

  • Input your hierarchical data in the required JSON format, ensuring each node contains a name and either children or a value.
  • Customize the visual appearance by selecting a color scheme, adjusting the inner radius, and setting the maximum depth.
  • Toggle display options like labels, values, and percentages to tailor the chart to your specific data storytelling needs.
  • Generate the chart and export it as a high-quality visual for your project or document.

Use Cases

Visualizing organizational structures or departmental budget allocations.
Mapping website navigation paths or user journey flows.
Analyzing product category sales performance across different regions.

Examples

1. Corporate Budget Breakdown

Financial Analyst
Background
The analyst needs to present the annual budget distribution across various departments and their respective sub-projects.
Problem
Traditional bar charts are too cluttered to show the multi-level hierarchy of the budget effectively.
How to Use
Paste the budget JSON structure into the 'Hierarchical Data' field and select the 'Business' color scheme for a professional look.
Example Config
colorScheme: 'business', showPercentages: true, showLabels: true
Outcome
A clear, circular chart that allows stakeholders to see the total budget and drill down into specific departmental spending at a glance.

2. Website Traffic Analysis

SEO Specialist
Background
The specialist wants to show how traffic flows from the homepage to various sub-directories and landing pages.
Problem
Standard analytics tables make it difficult to visualize the drop-off and distribution of traffic across the site hierarchy.
How to Use
Input the site structure data, set the 'Inner Radius' to 20% to create a donut-style sunburst, and enable 'Show Values'.
Example Config
innerRadiusPercent: 20, showValues: true, showPercentages: true
Outcome
A visually engaging sunburst chart that highlights the most popular paths and content clusters on the website.

Try with Samples

json

Related Hubs

FAQ

What data format is required?

The tool requires a JSON object where each node has a 'name' property and either a 'value' for leaf nodes or a 'children' array for parent nodes.

Can I control how many levels are shown?

Yes, you can use the 'Maximum Depth' slider to limit the number of hierarchy levels displayed in the chart.

How do I change the look of the chart?

You can select from various pre-defined color schemes such as 'Warm', 'Cool', 'Pastel', or 'Business' to match your branding.

Can I show percentages instead of raw values?

Yes, you can toggle the 'Show Percentages' checkbox to display the relative contribution of each segment to the whole.

Is the chart size adjustable?

Yes, you can specify the exact width and height in pixels to ensure the chart fits perfectly into your layout.

API Documentation

Request Endpoint

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

Request Parameters

Parameter Name Type Required Description
chartData textarea Yes Hierarchical data for the sunburst chart in JSON format
chartTitle text No Title that will be displayed above the chart
colorScheme select No Color scheme for the hierarchical segments
maxDepth range No Maximum number of hierarchy levels to display
innerRadiusPercent range No Inner radius as percentage of outer radius (0-50%)
labelSize range No Font size for segment labels
showLabels checkbox No Display labels on segments
showValues checkbox No Display values on segments
showPercentages checkbox No Display percentage values on segments
chartWidth text No Width of the chart in pixels
chartHeight text No Height of the chart in pixels

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-sunburst-chart-generator": {
      "name": "sunburst-chart-generator",
      "description": "Generate hierarchical sunburst charts with polar coordinates and radial layout",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=sunburst-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]