Elysia Tools

Browse tools, examples, visual explainers, and topic guides from one clear workspace.

Top Categories

Hubs

Language
ZHESPTRUFRDEEN

Elysia Tools

Navigation

Data Visualization

Sunburst Chart Generator

· Last updated：2024-01-20

Generate hierarchical sunburst charts with polar coordinates and radial layout

Execution

Run this tool

Fill in the form, run the tool, and review the result in one place.

Samples

Examples that match this tool

Related

Continue with connected tools and hubs

Written by the Elysia Tools team
Visualization69
Data Visualization57
Chart53

Tool usage guide

Learn when to use this tool, what it supports, and how real users apply it.

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

  1. 1Input your hierarchical data in the required JSON format, ensuring each node contains a name and either children or a value.
  2. 2Customize the visual appearance by selecting a color scheme, adjusting the inner radius, and setting the maximum depth.
  3. 3Toggle display options like labels, values, and percentages to tailor the chart to your specific data storytelling needs.
  4. 4Generate 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.

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

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.

Hub

Chart and Diagram Generators

Choose a chart or diagram that makes comparisons, distributions, hierarchies, relationships, and schedules understandable.

Home
Tools3201
Samples593
Visualizations465
Viewers103
Hubs233
Tags333
Images, Audio & Video657

Image, audio, and video processing, conversion, and optimization tools

Math, Date & Finance644

Calculators, numerics, date logic, statistics, and finance tools

Design & Color297

Color, layout, graphics, visual styling, and design helper tools

Text & Writing209

Writing, cleanup, formatting, extraction, and text analysis tools

Developer & Web193

Developer utilities, networking, web debugging, and automation helpers

Conversion & Encoding175

Format, file, archive, unit, and encoding conversion tools

FLAC/WAV Source Screening and Evidence Handoff
Self-Hosted Giveaway Widget Review and Embed Handoff
Stripe Promo Code Batch Review and Import Preflight
Batch Photo Culling Review and Editing Shortlist Handoff
UI Screenshot Structure Review and Development Handoff

© 2026 Elysia Tools. All rights reserved.

DocsPricingAboutTerms of ServicePrivacy PolicyCookiesContact
Monitoring

Grafana Advanced Application Samples

Comprehensive Grafana samples covering advanced dashboard design, alerting configurations, data source integrations, and plugin development

Media

QR Code Samples

Sample QR code images for testing QR code reading and generation tools

Data Visualization

D3.js Data Visualization Samples

Comprehensive D3.js data visualization examples including charts, maps, animations, and interactive visualizations

Developer Tools

Rome JavaScript Toolchain Samples

Rome JavaScript toolchain examples including configuration, linting, formatting, bundling, and project management

Data Visualization

Bar Chart Generator

Generate customizable bar charts from data with various styling options

Data Visualization

Bubble Chart Generator

Generate customizable bubble charts from data with three dimensions (x, y, size)

Data Visualization

Comparison Bar Chart Generator

Generate back-to-back bar charts for positive and negative value comparison, perfect for contrasting data sets

Data Visualization

Donut Chart Generator

Generate customizable donut charts (ring charts) from data with various styling options, perfect for showing proportions with a central space

innerRadiusPercent: 20, showValues: true, showPercentages: true

Outcome

A visually engaging sunburst chart that highlights the most popular paths and content clusters on the website.