Sunburst

SunburstChartControl

A drill-down hierarchy chart on a real dataset: 210 countries in 6 continents.

Overview

SunburstChartControl draws a SunburstNode tree as concentric rings. Click a ring segment to drill into it, click the centre to zoom back out; a breadcrumb tracks the path and OnNodeClick / OnNodeHover report the node. The dataset is 56,956,080 confirmed COVID-19 cases and 1,397,672 deaths, after an article on Towards Data Science.

Examples

#Cases and deaths by continent and country

Switch the metric, filter a continent, search a country, or open the data table underneath. The chart, the stats and the leaderboard share one selection.

Example
Razor
C#
Continents:
🔍
Interactive Radial Sunburst Partition Showing Total Cases
AsiaIndiaIraEuropeFranceGerItalyPolRussiaUkrUnit…Afr…SouNorth AmericaMex…United StatesSouth AmericaArge…BrazilCol…Per TOTAL CASES 56,956,080 Across the World
Global Pandemic Key Metrics
Total Cases
56,956,080
Total Deaths
1,397,672
Case Fatality Rate
2.45%
Territories
210 Countries
Region Inspector
World
Total Confirmed Cases: 56,956,080
Total Reported Deaths: 1,397,672
Case Fatality Rate: 2.45%
Share of Global Cases: 100.0%
Top 10 Highest Cases Click to highlight
Underlying COVID-19 Dataset Explorer
Tabulated country records powered by FlexCore GridControl with sorting, filtering, and paging

Documentation

SunburstChartControl table still to be written from source. Parameters used here: RootNode, MetricName, SecondaryMetricName, CenterTitle, CenterColor, ValueFormat, EnableDrilldown, ShowBreadcrumb, ShowLabels, HighlightedNodeId, OnNodeClick, OnNodeHover, Height.

An unhandled error has occurred. Reload 🗙

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please retry or reload the page.