Junya Yang | Academic Homepage

Appearance

PostData Analysis / Data Visualization

DV-07-Basic Charts

2025-12-30
Back to Blog

DV-07-Basic Charts ​

  • Point charts
    • scatterplot, multi-class scatterplot, etc.
  • Line charts
    • line chart, bar chart, stacked bar chart, etc.
  • Area charts
    • bubble chart, pie chart, etc.
  • Composite charts
Chart主要用途
Scatterplot两个定量变量的关系
Line chart时间趋势
Bar chart类别比较
Box plot分布 & 异常
Stacked bar构成 + 总量
Normalized stacked bar构成比例
Pie chart简单构成
Bubble chart面积编码（不推荐）
Streamgraph时间连续变化

Line Chart ​

看 随顺序（通常是时间）变化的趋势

  • Data
    • 1 ordered key（时间）
    • 1 quantitative value
  • Mark
    • Line + points
  • Channel
    • Position + connected line
  • Tasks
    • Trend
    • Change over time
  • 用在：
    • 股票走势
    • 温度随时间变化
  • 不要用在：
    • categorical key（会暗示“趋势”，违反 expressiveness principle）

The optimal aspect ratio for a line chart aims to make the average orientation of line segments close to 45 degrees.
This “banking to 45 degrees” principle improves perceptual accuracy when judging trends and slopes, reducing visual distortion caused by inappropriate aspect ratios.

Bar Chart（柱状图） ​

用来干什么？
类别之间的数值比较

  • Data
    • 1 categorical key
    • 1 quantitative value
  • Mark
    • Bars
  • Channel
    • Length (aligned) —— 非常准确
  • Tasks
    • Compare values
    • Rank

用在：

  • 各国 GDP
  • 各类别数量

📌 关键细节（常考）：

  • 排序 vs 不排序
    • 排序后更容易看排名
    • 不排序更容易查找具体类别

Box Plot（箱线图） ​

用来干什么？
👉 比较分布，而不是单个数值

  • Data
    • 1 quantitative
    • 可加 1 categorical
  • Mark
    • Box
  • What it shows
    • Median
    • Quartiles
    • IQR
    • Outliers
  • Tasks
    • Compare distributions
    • Identify outliers

✅ 用在：

  • 不同组成绩分布
  • 不同地区收入分布

❌ 不适合：

  • 精确数值读取

Stacked Bar Chart（堆叠柱状图） ​

用来干什么？
👉 Part-to-whole（组成关系） + 类别比较

  • Data
    • 2 categorical + 1 quantitative
  • Task
    • 看总量
    • 看组成

⚠️ 注意：

  • 中间部分不容易比较
  • 类别不宜太多

Normalized Stacked Bar Chart（归一化堆叠柱） ​

用来干什么？
👉 只看比例，不看总量

  • 每根柱子高度 = 100%
  • 相当于多个 pie chart 的替代方案

✅ 用在：

  • 构成比例对比（各国产业结构）

Pie Chart（饼图） ​

用来干什么？

  • 简单的 part-to-whole

  • Data

    • 1 categorical, 1 quantitative

  • Channel

    • Angle / area（不准确）

⚠️ 限制（老师明确说）：

  • 不适合精确比较
  • 切片不要多
  • 只在非常简单时使用

Bubble Chart（气泡图） ​

用来干什么？

  • 用 面积 表示数值大小（但不准确）

  • Problem

    • 人对面积感知差
    • 难比较

  • 结论

    • Seldomly used in visual analytics

📌 考试态度：

知道它存在，但要知道它“不推荐”。

Streamgraph（流图） ​

用来干什么？ 强调 时间上的整体变化与连续性

  • Data

    • 时间 + 类别 + 数值

  • Task

    • Overall temporal patterns

  • Limit

    • 不适合精确比较

  • ❓ categorical key + quantitative value → Bar chart

  • ❓ ordered key（time）+ quantitative → Line chart

  • ❓ distribution comparison → Box plot

  • ❓ part-to-whole → Stacked bar / pie

  • ❓ correlation → Scatterplot