Skip to content

ch-0007 Chapter 6: Chart Your Data

  • 原书章节: Chapter 6 Chart Your Data(pp. 121–178)
  • 输入来源: 本地 pdf(HandsOnDataViz.pdf)

摘要

本章进入"动手做图"阶段:先讲图表设计原则,再用三款拖拽工具(Google Sheets、 Datawrapper、Tableau Public)做交互式图表。选图类型取决于两个因素:数据格式要讲的故事(见下方流程图)。

设计原则:数据可视化有一些规则(rule)和审美建议(aesthetic guideline),二者严格度 不同——规则如"条形/柱状图必须从零基线开始";建议如配色、间距等可灵活把握。作者引用 Lisa Charlotte Rost 的观点:规则有助于公开讨论与改进,但盲目守则也会抑制创意,且不同 "可视化理论"之间的规则可能互相矛盾。另外强调:不是所有数据都该做成图,有时表格或文字 更合适。

各工具教程

  • Google Sheets Charts:bar/column、histogram(直方图)、pie、line、area
  • Datawrapper Charts:annotated(带注释)、range(区间,适合表现差距)、scatter/bubble
  • Tableau Public Charts:scatter、filtered line(带筛选器)

图表类型速查(书中 Table 6.1 摘选):grouped/split/stacked bar 比较类别,error bars 展示误差,histogram 展示分布,pie 展示占比(但须谨慎),line 展示连续变化,area 强调 总量趋势,scatter/bubble 展示两变量关系。

要点归纳

  • 选图 = 数据格式(类别/连续/时间/分布/关系)× 故事类型(比较/变化/占比/分布/关联)
  • 硬规则:bar/column 从零开始(长度即数值);pie 的扇区相加须等于整体;勿用 3D/装饰 效果扭曲读数
  • 交互式图表(hover、筛选、缩放)比静态图更能让读者探索数据;嵌入网页见 ch-0010
  • 三个工具的分工:Google Sheets 内嵌图表快、Datawrapper 适合发布级设计、Tableau Public 适合探索式分析
  • "能做成图 ≠ 应该做成图":先问可视化模式是否对故事真正重要

术语 / 概念

  • bar chart / column chart — 横条/竖柱图:本质相同,按标签长度选择方向
  • histogram(直方图) — 展示原始数据分布的分箱柱状图
  • pie chart(饼图) — 展示部分占整体;本书持谨慎态度(人眼对面积/角度不敏感)
  • line chart(折线图) — 展示连续数据(如随时间变化)
  • area chart(面积图) — 折线 + 填充,强调总量或累积
  • scatter / bubble chart — 展示两变量关系;bubble 用点大小加第三维
  • error bars(误差棒) — 表示数据的不确定范围(margin of error)
  • range chart(区间图) — 强调类别之间的距离/差距(如不平等差距)
  • annotated chart(注释图) — 在图上叠加文字说明关键点

原句摘录

Decisions about chart types are based on two main factors: the format of your data, and the kind of story you wish to tell.

Before creating a chart, stop and ask: Does a visualized data pattern really matter to your story?

疑问 / 待查

  • 「规则可以被打破」的边界——第 14 章会用"说谎图表"例子给规则划出硬线
  • Datawrapper 的 range chart 与 ch-0001 的不平等主题高度相关,回头细看教程
Backlinks (1)
flowchart LR
  n0["ch-0001 Introduction(为什么做数据可视化)"]
  n1["ch-0002 选工具讲你的数据故事(Ch 1)"]
  n2["ch-0003 强化电子表格技能(Ch 2)"]
  n3["ch-0004 找到并质询你的数据(Ch 3)"]
  n4["ch-0005 清洗脏数据(Ch 4)"]
  n5["ch-0006 做有意义的比较(Ch 5)"]
  n6["ch-0007 图表化你的数据(Ch 6)"]
  n7["ch-0008 地图化你的数据(Ch 7)"]
  n8["ch-0009 表格化你的数据(Ch 8)"]
  n9["ch-0010 嵌入网页(Ch 9)"]
  n10["ch-0011 用 GitHub 编辑与托管代码(Ch 10)"]
  n11["ch-0012 Chart.js 与 Highcharts 模板(Ch 11)"]
  n12["ch-0013 Leaflet 地图模板(Ch 12)"]
  n13["ch-0014 转换你的地图数据(Ch 13)"]
  n14["ch-0015 识别谎言、减少偏差(Ch 14)"]
  n15["ch-0016 讲述并展示你的数据故事(Ch 15)"]
  n16["ch-0017 附录 A 排查常见问题"]
  n17["Hands-On Data Visualization(整理完成)"]
  n18["Hands-On Data Visualization 笔记"]
  n19["Reading"]
  n17 --> n0
  n17 --> n1
  n17 --> n2
  n17 --> n3
  n17 --> n4
  n17 --> n5
  n17 --> n6
  n17 --> n7
  n17 --> n8
  n17 --> n9
  n17 --> n10
  n17 --> n11
  n17 --> n12
  n17 --> n13
  n17 --> n14
  n17 --> n15
  n17 --> n16
  n17 --> n18
  n19 --> n17
  click n0 "../ch-0001/" "ch-0001 Introduction(为什么做数据可视化)"
  click n1 "../ch-0002/" "ch-0002 选工具讲你的数据故事(Ch 1)"
  click n2 "../ch-0003/" "ch-0003 强化电子表格技能(Ch 2)"
  click n3 "../ch-0004/" "ch-0004 找到并质询你的数据(Ch 3)"
  click n4 "../ch-0005/" "ch-0005 清洗脏数据(Ch 4)"
  click n5 "../ch-0006/" "ch-0006 做有意义的比较(Ch 5)"
  click n6 "./" "ch-0007 图表化你的数据(Ch 6)"
  click n7 "../ch-0008/" "ch-0008 地图化你的数据(Ch 7)"
  click n8 "../ch-0009/" "ch-0009 表格化你的数据(Ch 8)"
  click n9 "../ch-0010/" "ch-0010 嵌入网页(Ch 9)"
  click n10 "../ch-0011/" "ch-0011 用 GitHub 编辑与托管代码(Ch 10)"
  click n11 "../ch-0012/" "ch-0012 Chart.js 与 Highcharts 模板(Ch 11)"
  click n12 "../ch-0013/" "ch-0013 Leaflet 地图模板(Ch 12)"
  click n13 "../ch-0014/" "ch-0014 转换你的地图数据(Ch 13)"
  click n14 "../ch-0015/" "ch-0015 识别谎言、减少偏差(Ch 14)"
  click n15 "../ch-0016/" "ch-0016 讲述并展示你的数据故事(Ch 15)"
  click n16 "../ch-0017/" "ch-0017 附录 A 排查常见问题"
  click n17 "../" "Hands-On Data Visualization(整理完成)"
  click n18 "../notes/" "Hands-On Data Visualization 笔记"
  click n19 "../../" "Reading"