Hierarchical
Interactive
Sunburst Diagram
Sunburst diagrams represent hierarchical data as concentric rings, with the hierarchy flowing from center to outer rings. They effectively show both the hierarchy structure and proportional sizes at each level, with interactive versions supporting drill-down exploration.
Interactive Visualization
Loading interactive chart...
This is an interactive sunburst diagram. You can zoom, pan, and hover over elements for details.
Try this prompt
"Create an interactive sunburst diagram showing 'File System Storage Usage' for a development machine. Generate a hierarchical structure: Root (500GB total) → 'Documents' (120GB: Projects 80GB, Personal 40GB) → 'Projects' subdivides into 'WebApps' (35GB: React 15GB, Vue 10GB, Angular 10GB), 'DataScience' (25GB: Notebooks 10GB, Datasets 15GB), 'Mobile' (20GB). Add 'Media' (200GB: Videos 120GB, Photos 60GB, Music 20GB), 'Applications' (80GB), 'System' (50GB), 'Other' (50GB). Sector angle proportional to size. Color by file type category. Add hover showing full path, size in GB, and percentage of parent. Enable drill-down on click. Display current path and total size at center. Add breadcrumb navigation. Title: 'Storage Usage Analysis - 500GB Drive'."
Generate this nowPython Code Example
Loading code...
Common Use Cases
- 1File system visualization
- 2Organizational hierarchies
- 3Budget breakdowns
- 4Product category exploration
Pro Tips
Use distinct colors per level
Enable click-to-zoom interaction
Show breadcrumb for navigation