Material Design设计语言-数据可视化(二)类型

类型

数据可视化能以不同的形式表达。图表是表达数据的常用方式,因为图表可以描述了不同的数据种类,同时让数据之间可以比较。

使用的图表类型主要取决于这两点:你要传达的数据和传达有关该数据的内容。

1、时间变化

随时间变化图表显示一段时间内的数据,例如多个类别的趋势或比较。

Material Design设计语言-数据可视化(二)类型_第1张图片

例如:

· 股价表

· 卫生统计

· 年表

2、类别比较

类别比较图表比较多个不同类别之间的数据。

Material Design设计语言-数据可视化(二)类型_第2张图片

例如:

· 不同国家的收入

· 热门场地时间

· 团队分配

3、排行

排行图表主要用于展示项目在有序列表中的位置。

Material Design设计语言-数据可视化(二)类型_第3张图片

例如:

· 选举结果

· 绩效统计

4、占比

占比类图表传达的是数据从局部到整体的过程和关系。

Material Design设计语言-数据可视化(二)类型_第4张图片

例如:

· 产品类别的综合收入

· 预算

5、相关性

相关图显示两个或多个变量之间的相关性。

Material Design设计语言-数据可视化(二)类型_第5张图片

例如:

· 收入与寿命的关联性

6、分布

分布图表显示每个值在数据集中出现的频率。

Material Design设计语言-数据可视化(二)类型_第6张图片

例如:

· 人口分布

· 收入分布

Material Design设计语言-数据可视化(二)类型_第7张图片
(以上箱形图显示了NBA前9名球员得分情况)

补充:条形图可以叫柱状图,但直方图与条形图有很大不同,条形图通常关联两个变量,但直方图只涉及一个。直方图用于连续数据,其中区间表示数据范围,而条形图是分类变量图。

Material Design设计语言-数据可视化(二)类型_第8张图片

7、流程

流程图表示多个状态之间的数据的转移和变化。

Material Design设计语言-数据可视化(二)类型_第9张图片

例如:

· 资金转移

· 投票计数和选举结果

8、关系

关系图用于表示多个项目是如何相互关联的。

Material Design设计语言-数据可视化(二)类型_第10张图片

例如:

· 社交网络

· 单词图表

Material Design设计语言-数据可视化(二)类型_第11张图片
Material Design设计语言-数据可视化(二)类型_第12张图片

你可能感兴趣的:(Material Design设计语言-数据可视化(二)类型)