微生信分享 http://blog.sciencenet.cn/u/chinapubmed 0代码在线绘制160+科研图

博文

在线plotly绘制动态旭日图,展示复杂数据层次结构

已有 1125 次阅读 2024-9-7 19:38 |系统分类:科研笔记

探索数据的层次之美旭日图,以环环相扣的视觉效果,清晰展现数据的层级关系。搭配Plotly的动态可视化技术,不仅让数据层次一目了然,更通过交互式操作,让用户轻松探索每个层级的详细信息,享受数据探索的乐趣。

fig1.png

                                               

Frontiers in Digital Health文章“Voice Analysis for Neurological Disorder Recognition–A Systematic Review and Perspective on Emerging Trends”fig 3的旭日图展示了不同的言语任务与神经系统疾病的比例情况。内圈为言语任务:SV(持续元音)、DD(快速重复发音)、RS(朗读语音)、FS(自由语音);外圈为疾病:PD(帕金森病)、AD(阿尔茨海默病)、ALS(肌萎缩侧索硬化症)、Stress(压力)、Depression(抑郁症)、Bipolar(双相情感障碍,又称躁郁症)、Speech Impairment(言语障碍)。

言语任务包括:

1)持续元音(Sustained Vowels, SV):要求参与者尽可能长时间地发出一个元音,例如“啊”(/a/),以评估声音的稳定性和持续时间。

2)快速重复发音(Diadochokinesis, DD):要求参与者快速重复特定的音节或单词,如“拉-拉-拉”(/la/),以评估发音的灵活性和速度。

3)朗读语音(Read Speech, RS):参与者需要大声朗读一段文本,这有助于评估语言理解、发音准确性和语言流畅性。

4)自由语音(Free Speech, FS):参与者被要求自由地说话,讲述一个故事或描述一个场景,这有助于评估语言组织、词汇使用和叙事能力。

旭日图

旭日图(Sunburst Chart)是一种用于展示层次数据的可视化图表,它通过不同大小的圆环来表示数据的层次结构和比例关系。这种图表非常适合展示复杂的数据关系,如物种构成、地理分布等。

 

图片

旭日图的特点:

  1. 层次结构:旭日图通过同心圆环来展示数据的层次结构,每个圆环代表一个数据层级。

  2. 比例表示:每个扇区的大小通常与其代表的数据量成正比,这样可以直观地展示各部分的相对大小。

  3. 交互性:在许多数据可视化工具中,旭日图支持交互操作,如点击某个扇区可以展开查看更详细的数据。

  4. 美观性:旭日图的视觉效果通常很吸引人,可以很好地吸引观众的注意力。

旭日图的构成:

  • 中心圆:最内层的圆,代表数据的最顶层或起始点。

  • 环状层级:从中心圆向外扩展的环状区域,每个环代表数据的一个层级。

  • 扇区:每个环被分割成若干扇区,每个扇区代表该层级中的一个数据项。

  • 颜色编码:通常使用不同的颜色来区分不同的数据类别或层级。

1,打开作图URL

https://www.bioinformatics.com.cn/plot_basic_plotly_sunburst_chart_252

fig2.png

2,示例数据

点击图片上方的示例数据,下载,并使用excel打开。

fig3.png

示例数据包括4列:

第1列:1级分类。对应旭日图的最内圈

第2列:2级分类。对应旭日图的第2圈

第3列:3级分类。对应旭日图的最外圈。

第4列:数值,每个分类对应的数值。

3,输入检查

示例数据:点击输入框下面的“示例”按钮,将载入示例数据。

真实数据:数据放在excel中,调整好后,Ctrl+A选中数据,Ctrl+C拷贝,Ctrl+V粘贴数据到输入框中。

 fig4.png

然后使用输入框下面的“输入检查”按钮先对输入数据进行检查。若检查不通过,请根据检查提示重复【修改-输入检查】步骤,直到检查通过(如下图所示),然后可以继续选择参数。

fig5.png

注:输入检查是新加功能,它会根据不同模块的输入要求,逐行逐列检查输入数据,并给出提示,确保数据符合模块要求。

4,选择参数

 fig6.png

字体大小:图上文字的字体大小,整体调整。若某个扇面空间太小则隐藏文字 

颜色方案:默认根据第1列分类进行上色。颜色设置了plotly自动的颜色,以及8种自定义颜色(即最多绘制8个分类)

文本显示:提供了4种显示方式,包括:1)仅显示分类名;2)显示分类名+百分比;3)显示分类名+分类对应的数值,数值为后代自动汇总;4)显示分类名+百分比+数值 

字体:设置了期刊杂志中最常用的两种字体:Times New Roman和Arial。如需使用其他字体,可以使用acrobat illustrator编辑生成的pdf或者svg图片

 

5,提交出图

检查通过,并且参数选好后,点击“提交”按钮,约5s后,会在页面上可交互的旭日图。我们提供了可下载到本地进行交互的html,以及4种格式的静态图:pdf、svg两种矢量图,png、tiff两种标量图。可以使用acrobat illustrator等软件编辑矢量图,进行组图,调整字体等操作,以满足论文要求。

fig7.png

也可以绘制带有空分类的其他样式的图。

注:由于输入数据是矩阵形式,所以2个圈的,某个值的第2圈可以为空;3个圈的,需要某个值的第2,3圈都为空。依此类推。

例如“Fluctuating selection and global change: a synthesis and review on disentangling the roles of climate amplitude, predictability and novelty”文章中对应的数据和例图。

fig8.png

 

 微生信助力高分文章,用户210000+,谷歌学术3900+

 



https://blog.sciencenet.cn/blog-707141-1450104.html

上一篇:以人口金字塔图为例,在线绘制左右双侧堆叠条形图
下一篇:在线绘制带颜色标注的美国地图
收藏 IP: 114.84.143.*| 热度|

0

该博文允许注册用户评论 请点击登录 评论 (0 个评论)

数据加载中...

Archiver|手机版|科学网 ( 京ICP备07017567号-12 )

GMT+8, 2024-12-21 22:57

Powered by ScienceNet.cn

Copyright © 2007- 中国科学报社

返回顶部