CS5346 - CHARTS: Chart with Point / Bar / Line / Box
文章目录
- Chart with Point(点图)
- Scatter Chart(散点图)
- Pictogram(图标)
- Connected Scatter Plot
- Connected Dot plot(连接点图)
- Bubble Chart(气泡图)
- Chart with Bar(带条形的图)
- Bar Chart(条形图)
- Horizontal Bar Chart(横向条形图)
- Stacked Bar Chart(堆叠条形图)
- Clustered Bar Chart(分组条形图)
- Clustered Bar Chart v.s. Stacked Bar Chart(分组条形图和堆叠条形图的比较)
- Range Chart(范围图表)
- Bar Chart 使用技巧
- Histogram(直方图)
- 直方图和普通 bar chart 的区别
- Histogram 的构成要素
- Histogram 的使用技巧
- 什么时候 histogram 的 interval 不等宽?
- Chart with Line(线图)
- 线图的实践建议
- Slope Chart(斜率图)
- Bump Chart(名次变化图)
- Sankey Chart(桑基图)
- Area Chart 面积图
- Stacked Area Chart(堆叠面积图)
- Density Plot(密度图)
- Chart with Box(箱型图)
- Box and Whisker Plot(箱型图)
- CandleStick Chart(蜡烛图)
- Violin Chart(小提琴图)
制图可以采取两种思路:
- Top-down:从工具中选择图表类型,再匹配数据;
- Bottom-up:根据数据想表达的视觉编码需求,选择最合适的图表。
Chart with Point(点图)

Scatter Chart(散点图)

🔍 功能与目的
- 用于探索变量间的相关性(relationship),例如:是否存在线性关系、方向、强度等。
- 适合初步数据探索(EDA)或趋势识别。
⚠️ 限制与注意事项
-
当变量取值变化范围小,容易产生“遮挡(Occlusion)”问题:多个点重叠,导致信息丢失。
-
可通过增加透明度、抖动(jittering)、或在点上标注数量来缓解。

Pictogram(图标)
🟦 Pictogram 的定义与特征
- 又称 Symbol chart,属于Chart with Point 类图表中的一种。
- 其核心目的是:以更人性化或轻松的方式展示定量数据,常用于大众传播或教育类可视化。

🔍 可视化结构与表示方式
-
展示的是不同主类的定量值(quantitative values for major categories)
-
通过 堆叠的图形符号(symbols or pictures) 代表每个类别的数据量。
-
每个图形可以代表一个或多个单位,如“一个图标 = 1000人”。
🔗 与 Scatter Chart 的差异对比:
-
Scatter 是按 坐标位置 表示两个变量之间关系(position is channel);
-
Pictogram 是按 数量叠加图形表达数值大小(count is encoding),更接近 bar chart 的功能,但图形替代了柱条。
Connected Scatter Plot
🔶 Connected Scatter Plot(又名 Trail Chart)
📌 基本定义
-
展示 两个定量变量 随时间变化的关系。
-
每个点代表某一时间点的数据(x 和 y 是两个量化指标)。
-
通过 线条连接时间顺序的点,呈现变化轨迹(路径感、趋势感)。
🔗 分类归属:此图属于“Chart with Point” 和“Temporal Trends” 的交叉类型,既是散点图的变体,也具备类似折线图的趋势性。

Connected Dot plot(连接点图)



- 上图中,左边的 y 轴是各行业
- 然后紫色的点代表 men,绿色点代表 women
Bubble Chart(气泡图)

- 在散点图基础上引入大小作为第三变量
- 气泡图对于探索 变量之间的模式、趋势和相关性 非常有用。它们有助于识别是否存在显著关系、关系的程度,或者根本没有相关性。


Chart with Bar(带条形的图)

Bar Chart(条形图)


Horizontal Bar Chart(横向条形图)



-
包含额外的带状图以帮助解释条形图
-
不同的颜色明度或暗度(相同色相但明度或暗度不同)通常用于区分上下文带状图。
Stacked Bar Chart(堆叠条形图)


Clustered Bar Chart(分组条形图)


Clustered Bar Chart v.s. Stacked Bar Chart(分组条形图和堆叠条形图的比较)

Range Chart(范围图表)



Bar Chart 使用技巧

Histogram(直方图)

直方图和普通 bar chart 的区别

Histogram 的构成要素

Histogram 的使用技巧


什么时候 histogram 的 interval 不等宽?


Chart with Line(线图)


线图的实践建议

Slope Chart(斜率图)


Bump Chart(名次变化图)


Sankey Chart(桑基图)




Area Chart 面积图



Stacked Area Chart(堆叠面积图)


Density Plot(密度图)


Chart with Box(箱型图)

Box and Whisker Plot(箱型图)


CandleStick Chart(蜡烛图)


Violin Chart(小提琴图)


