视觉设计
视觉编码
Visual encoding
含义
将数据值映射到位置、长度、颜色、大小、形状或其它视觉属性。
使用场景
选择编码方式，以便进行意图的比较更加容易和准确。
应用示例
将收入映射到条形长度，并将区域映射到位置。数据分析
数据可视化与图表术语
了解视觉编码、轴、刻度、图例、比较、趋势、分布、关系、模式以及可访问性选择。
12 个术语
视觉设计
轴
Axis
含义
一条参考线和标签，用于显示值的比例和位置。
使用场景
标注单位，使用易读的刻度，并在需要时显示零值。
应用示例
Y-axis: monthly revenue (million KRW).视觉设计
缩放
Scale
含义
一条规则，用于将数据域映射到视觉范围。
使用场景
根据数据和问题选择线性、对数、时间或分类比例。
应用示例
仅当乘法差异是分析重点时，才使用对数刻度。视觉设计
标签
Legend
含义
一个键，用于解释颜色的含义、形状或线条样式。
使用场景
当直接标签不实用时，保持类别顺序一致。
应用示例
Legend: New customers / Returning customers.比较
条形图
Bar chart
含义
一种图表，使用条形长度比较类别。
使用场景
用于对离散类别的排名或并排比较。
应用示例
比较按产品类别划分的季度销售额，使用排序的水平条形图。趋势
折线图
Line chart
含义
一种图表，将有序值连接起来以显示变化，通常是随时间的变化。
使用场景
用于趋势、季节性和跨时间比较。
应用示例
绘制过去 52 周的每周活跃用户数。层级与关系
散点图
Scatter plot
含义
一种图表，通过两个数值变量定位观测值。
使用场景
用于检查关联、聚类、非线性模式和异常值。
应用示例
将交付距离与交付时间绘制成图，并按城市进行着色。分布
直方图
Histogram
含义
一种图表，将数值分组到区间中，并显示其频率。
使用场景
用于检查分布形状、范围、偏度和多个模式。
应用示例
以一致的 10,000 KRW 为单位显示订单金额。分布
箱线图
Box plot
含义
一种使用四分位数、中位数和四分位距的紧凑显示分布的方法。
使用场景
用于比较多个组之间的分布。
应用示例
比较不同承运商的交付时间分布。模式
热图
Heatmap
含义
一个网格，其中颜色表示每个单元格的值的大小。
使用场景
用于密集矩阵、日历模式或二维摘要。
应用示例
按星期几和小时统计的订单数量热图。比较
小图
Small multiples
含义
一组以相同比例缩放的图表，用于不同的组。
使用场景
用于比较模式，而避免在一个图表中重叠太多系列。
应用示例
使用相同的轴，显示每个区域的一个月趋势面板。视觉设计
可访问的图表
Accessible chart
含义
一种图表，旨在在视觉、运动和认知方面保持可理解性。
使用场景
使用文本替代、足够的对比度、直接标签以及仅靠颜色之外的提示。
注意
不要仅依赖颜色来传达类别或状态。
应用示例
使用线条样式和标签，而不是仅使用红色与绿色。