Web端设计语言｜数据可视化（下）

主要观点总结

本文介绍了数据可视化的原则、图表解构、提示信息、图例、数据图形、可视化色板等方面的内容，旨在帮助读者对数据可视化有一个系统性的认识。文章涵盖了柱状图、条形图、折线图、饼图等常见图表的使用场景和建议。

关键观点总结

关键观点1: 数据可视化原则

通过图形、色彩等方式有效传达数据信息，提高数据信息的获取及理解效率。

关键观点2: 图表解构

介绍图表解构的剩余内容，帮助读者更深入地理解图表构造。

关键观点3: 提示信息

介绍图表中的提示信息，包括类型和使用场景，以便读者更好地使用数据可视化作品。

关键观点4: 图例

介绍图例的类型、位置和使用建议，以便更好地对数据进行区分和说明。

关键观点5: 数据图形

介绍数据图形的类型和使用建议，包括柱状图、条形图、折线图、饼图等，并对比其使用场景。

关键观点6: 可视化色板

介绍可视化色板的作用、基础色板和使用建议，以便更好地区分信息层级和进行数据统计。

正文

请到「今天看啥」查看全文

固定在图形上

当鼠标悬停在单个数据图形上时，提升信息显示于图表固定区域内。鼠标悬停在不同的数据图形上，提示信息的内容会发生对应的切换。

优点：所见即所得。缺点：显示区域有限，提示文字过长会引起显示问题。

使用场景：用于Web 电脑端、移动端均可；用于环形图中。

6. 图例

图例是对数据图形的补充说明，它以不同的形状、颜色、文字等表示不同数据列。用户通过点击图例可以显示或隐藏该数据列，对数据列进行筛选、对比。

当出现多个分类的数据列时，会通过图例来对不同的数据列进行区分、说明，以降低图表的理解难度。

同一个数据图表中只有一个数据列时，数据信息已足够清晰明确，无需图例进行补充说明。

位置

一般位于数据图表卡片的右上方、右方、下方。其中右上方对数据图表的干扰最小、适用场景最多。

类型

根据数据类型不同，分为连续型图例和分类型图例；根据状态不同，图例可以被设置为静态或可交互态。

带交互态的分类图例，在柱状图、条形图、折线图、饼图、环形图中最为常见，用法等也容易理解。

静态、带交互态的连续图例的使用（包括其对应的数据图表）则有一定的专业度及难度。（连续图例暂不做深度分析）

使用建议

分类图例中的图形是数据图形的缩影。不同的数据图表，对应的图例也不同。

7. 数据图形

人在视觉上对图形的获取及理解效率远高于文字，区别于表格和文本信息，数据图形能更有效的表达数据特性、传递映射关系。

位置

数据图形是图表中最重要的组成部分，位于数据图表的中部，坐标轴的内部。图表的构成元素均围绕 数据图形 进行可视化数据表达。

类型

按照基础图表类型，图形可分为：柱条、折线、面积、饼/环、散点、气泡。

使用建议

请到「今天看啥」查看全文