數(shù)據(jù)可視化設(shè)計:旭日圖 Sunburst

1、旭日圖的簡介

旭日圖(Sunburst Chart)是餅圖的變形,簡單來說是多個餅圖的組合升級版。餅圖只能展示一層數(shù)據(jù)的占比情況,而旭日圖不僅可以展示數(shù)據(jù)的占比情況,還能厘清多級數(shù)據(jù)之間的關(guān)系。

在旭日圖中,一個圓環(huán)代表一個層級的分類數(shù)據(jù),一個環(huán)塊所代表的數(shù)值可以體現(xiàn)該數(shù)據(jù)在同層級數(shù)據(jù)中的占比。一般情況下,內(nèi)層數(shù)據(jù)是相鄰的外層數(shù)據(jù)的父類別,最內(nèi)層圓環(huán)的分類級別最高,越往外,分類越細越具體。

2、圖表用法

旭日圖可以更細分溯源分析數(shù)據(jù),真正了解數(shù)據(jù)的具體構(gòu)成。

2.1 不帶數(shù)據(jù)占比的關(guān)系結(jié)構(gòu)

旭日圖中的“環(huán)”承載了大量帶有層級關(guān)系的數(shù)據(jù),層層嵌套,環(huán)環(huán)相扣,我們乍一看似乎很難讀懂它的心。但其實只要我們多點耐心,就能發(fā)現(xiàn)旭日圖在可視化這類數(shù)據(jù)時,真的有化繁為簡的魔力。

最基礎(chǔ)的旭日圖是在樹狀圖的基礎(chǔ)上,把樹狀的層級關(guān)系轉(zhuǎn)化為圓環(huán)的形式。相較于樹狀圖,旭日圖的圓形結(jié)構(gòu)更節(jié)約空間。例如,美國專業(yè)咖啡協(xié)會用旭日圖,清晰地描述了咖啡的味道。

咖啡風味旭日圖

協(xié)會按照咖啡的“香”與“味”對咖啡的味道進行了分類,其中,味道被分為酸、甜、咸、苦,苦味又可以分為單純的苦味和帶辛辣的苦味,帶辛辣的苦味又可以再分類……這種分類數(shù)據(jù)沒有數(shù)值,因此在旭日圖上,同一層的各環(huán)塊弧長都是相等的,且不代表任何的數(shù)值。

在增加了交互功能之后,旭日圖每一層的數(shù)據(jù)關(guān)系能更加清楚地展現(xiàn)出來。

帶交互的咖啡風味旭日圖

點擊“香”的環(huán)塊,環(huán)塊就能延展到100%,同時代表“味”的環(huán)塊會被收縮隱藏。這種交互不僅能把外層的、環(huán)塊小的分類清晰地展現(xiàn)出來,而且可以很好地解決我們經(jīng)常提到的“分類數(shù)據(jù)過多會使圖表的易讀性下降”的問題。

2.2 帶有數(shù)據(jù)占比關(guān)系的旭日圖

當每個分類數(shù)據(jù)都擁有具體數(shù)值時,我們可以通過環(huán)塊的角度比較數(shù)值的大小。下圖是全球十大溫室氣體排放國家的溫室氣體排放情況。它運用了與“咖啡風味旭日圖”相同的交互方式,通過點擊“中國”的環(huán)塊,我們能在全局視角下看到中國在“能量”領(lǐng)域排放的溫室氣體最多,占到全球溫室氣體排放的19.98%。

World Resources Institute

除了“咖啡風味”和“全球溫室氣體”所用到的,通過點擊拓展的交互方式之外,常見的還有通過鼠標懸浮凸顯環(huán)塊顏色的交互。下圖是圣裘德兒童研究醫(yī)院基于3347位患癌兒童的患病情況,分析了他們所患的17種癌癥情況。

3347位患癌兒童情況

這17種癌癥位于旭日圖的第二層,分別屬于造血系統(tǒng)惡性腫瘤(紅色)、固體腫瘤(黃色)和腦腫瘤(藍色)三種癌癥類型,其中患造血系統(tǒng)惡性腫瘤的比重最大,有46.2%。第三層則為引起癌癥的不同原因占比情況。

當鼠標移動到環(huán)塊上時,被查看的環(huán)塊顏色會被突出,其他則變成統(tǒng)一的灰色。同時,利用旭日圖的“空心”,可以清晰地展示每個分類數(shù)據(jù)的具體數(shù)值和含義。在交互功能的加持下,旭日圖可以更加順暢和清晰地展示大量數(shù)據(jù)。

3、旭日圖的應(yīng)用場景

旭日圖雖然是一個多級餅圖,但在展示層級關(guān)系這一點上,與矩形樹圖非常相似。

不同于矩形樹圖,旭日圖能把沒有權(quán)重關(guān)系的層級關(guān)系清晰地展示出來,且可容納的層級關(guān)系更多。除此之外,旭日圖允許“缺口”存在。不同分類數(shù)據(jù)下,每一層的數(shù)據(jù)可以不用再細分,即旭日圖的每個圓環(huán)不一定是完整的。可以說,在可視化層級數(shù)據(jù)方面,旭日圖和矩形樹圖都表現(xiàn)優(yōu)秀,而旭日圖的適用范圍要比矩形樹圖略大。

1)適用場景

旭日圖不僅有餅圖的優(yōu)點,而且還能展示數(shù)據(jù)層級之間的關(guān)系,它通過矩形的面積、顏色和排列來顯示數(shù)據(jù)關(guān)系,它超越了傳統(tǒng)的餅圖和環(huán)圖,能在餅圖上表示占比關(guān)系的基礎(chǔ)上,增加表達了數(shù)據(jù)的層級和歸屬關(guān)系,能清晰的表達具有父子層次結(jié)構(gòu)類型的數(shù)據(jù)。旭日圖適合用于展示不同層級的數(shù)據(jù)。

旭日圖示例

示例地址:https://echarts.apache.org/examples/en/editor.html?c=sunburst-borderRadius

旭日圖示例

示例地址:https://echarts.apache.org/examples/en/editor.html?c=sunburst-book

旭日圖示例

示例地址:https://echarts.apache.org/examples/en/editor.html?c=sunburst-drink

2)不適用場景

旭日圖不適合用于數(shù)據(jù)分類過多、不能有負值、不能有零值的數(shù)據(jù)展示。當數(shù)據(jù)的比例相差比較接近時,人眼判別有難度的,則建議用其他圖形。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容