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
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
jsonRelated 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.