数据可视化：从基础到复杂交互的全面指南

# 数据可视化：从基础到复杂交互的全面指南 ## 1. 颜色与图例使用 在数据可视化中，颜色和图例的使用至关重要。为减少可访问性问题，可在对象旁标注颜色名称，例如“Profit (black)”，确保正确的颜色与元素关联。 ### 1.1 大小图例 大小图例选择较少，大小用于展示度量，较大的值用较大的形状表示。图例和图表中都应包含刻度，由于观众难以精确评估大小，图例只需展示范围即可。 ### 1.2 图例总结 | 要点 | 详情 | | --- | --- | | 优点 | 应遵循形状、颜色和大小的最佳实践建议 | | 缺点 | 过多项目会增加观众的认知负担 | ## 2. 图标与视觉提示 清晰的沟通包括确保观众记住信息，整体外观和感觉能让作品更易记忆，图标和图像在设定主题方面起着重要作用。 ### 2.1 主题图标 设定主题可吸引注意力并提供额外背景信息，但要在图像和图表之间取得平衡，确保图标不分散数据信息的注意力，让观众明白分析基于数据源而非个人观点。 ### 2.2 观众引导 考虑观众对数据通信的熟悉程度，为提供内容和数据源的更多信息，可提供信息或帮助按钮。信息按钮通常显示弹出文本框或链接到不同页面，应包含以下信息： - 数据来源 - 过滤掉的数据 - 数据涵盖的日期范围 - 数据或可视化中术语的解释 - 观众可能需要的背景细节 - 用户说明 ### 2.3 图标和视觉提示总结 - 可设定主题，使沟通更易记忆 - 用于引导观众进行沟通 ## 3. 背景与定位 图表的位置决定观众的浏览顺序，背景也会影响理解。以下是两个关键原则： ### 3.1 Z 模式 对于说英语或其他西方语言的人，阅读习惯是从左到右、从上到下，形成 Z 字形阅读模式。应根据观众的浏览顺序安排内容： - 标题：通常应位于页面顶部，若在中间则需用较大字体吸引注意力。 - 关键图表：页面左上角的图表可能最先被看到，可用于传达关键信息或为后续图表设定场景。 - 上下文数字：置于页面顶部，先于图表，有助于设定沟通背景。 - 图例和文本框：可位于对应图表的右侧或下方。 ### 3.2 留白 留白指布局中内容之间的间隙，能让内容有呼吸空间，也可利用格式塔原则将视图分解为更易理解的块。还可使用彩色背景或细线划分工作区域。 ### 3.3 背景与定位总结 - 应默认使用 Z 模式。 - 留白和背景颜色有助于将沟通内容分解为更易理解的部分。 ## 4. 交互性 与观众交互需要他们投入认知努力，要在不过度要求的情况下传达信息深度。 ### 4.1 工具提示 数据可视化中常见但常被忽视的交互元素，当用户悬停或点击数据点时弹出信息框。可自定义工具提示，添加描述、额外数据点或图表，但要注意平衡主页面和工具提示中的信息。 ### 4.2 交互操作 - 高亮显示：当观众或