Real-Time Live Preview
Every change you make — color, data, labels — instantly updates the chart as you type. Zero delay, zero refresh required.
Build stunning hierarchical sunburst charts online in seconds. Customize colors, labels, rings, and download as PNG or SVG — no account required.
Everything you need to create professional sunburst diagrams — built right in the browser.
Every change you make — color, data, labels — instantly updates the chart as you type. Zero delay, zero refresh required.
Choose from 6 curated color palettes or go custom. Full control over opacity, corner radius, and segment gaps.
Click any segment to zoom into that branch. Navigate complex hierarchies with smooth animated transitions powered by D3.js.
Download your sunburst chart as high-resolution PNG for presentations, or crisp SVG vector for scalable design workflows.
Works perfectly on phones and tablets. The chart auto-fits to screen size — no horizontal scroll, no overflow, no zoom issues.
Real-time JSON validation catches errors instantly with helpful messages. Presets help you get started fast.
Toggle labels, values, and percentages independently. Adjust font size and center text for a fully branded result.
No account, no watermarks, no limits. Generate unlimited sunburst charts at zero cost — forever.
Go from raw data to a polished sunburst diagram in under a minute.
Paste hierarchical JSON data or choose a preset template. Each node has a name, optional value, and optional children array.
Pick a color palette, adjust inner radius, corner radius, opacity, and toggle labels or legends to match your brand.
Click segments to drill down into hierarchy levels. Hover for detailed tooltips showing name, value, and percentage.
Export as PNG for slides and docs, or SVG for web and design tools. One click — no email, no watermark.
A sunburst chart — also called a sunburst diagram, radial treemap, or multi-level pie chart — is a circular data visualisation used to represent hierarchical relationships. Each concentric ring corresponds to a level in the hierarchy, with the innermost circle as the root node. Moving outward, child segments are displayed within their parent's arc, giving the chart its characteristic sun-like appearance.
Sunburst charts are particularly effective when you need to show both the composition and proportion of data at multiple levels simultaneously. Unlike traditional treemaps that use rectangular space, sunburst graphs use angular area, making them ideal for cyclic or balanced datasets.
Sales analytics — break down global revenue into regions, then countries, then product lines. Budget reporting — show overall spend divided by department, team, and expense category. Organisational charts — visualise corporate structures with divisions, teams, and individuals. Technology stacks — display platforms, frameworks, and tools in a layered hierarchy. Website traffic analysis — map source → medium → campaign attribution in one view.
Start at the centre and work outward. Each ring represents a deeper level. The angular size of each segment is proportional to its value relative to its siblings. Hovering reveals the exact name, value, and percentage contribution. Clicking a segment zooms into that branch, letting you explore sub-hierarchies without losing context.
A sunburst chart shows multi-level hierarchy with proportional area. A treemap also shows hierarchy but uses nested rectangles. A pie chart shows only one level of composition. Use a sunburst when you have 2–4 levels of hierarchy and want an aesthetically engaging, interactive diagram.
Limit hierarchy depth to 3–4 levels to avoid visual clutter. Use distinct, high-contrast color palettes per parent branch. Add a meaningful center label to anchor the chart's purpose. For presentations, export as SVG for pixel-perfect scaling at any resolution. Our Sunburst Chart Maker handles all of this automatically — paste your data and generate a production-ready chart in seconds.
Everything you need to know about our sunburst chart generator.
name property, an optional value (numeric), and an optional children array containing child nodes of the same structure. Use our presets as starting templates.<img> tag or inline SVG. SVG files scale infinitely without quality loss making them ideal for responsive web pages.Jump into our free tool and create a beautiful sunburst chart in under 60 seconds. No signup. No limits.