Ian Johnson 是一名前谷歌的UX工程师和数据可视化工程师，他通过 ObservableHQ 项目用 JavaScript 开发数据可视化工具。他基于 D3 这套浏览器前端的数据可视化工具发展出 ObservableHQ 这套在线数据可视化团队协作平台。本集里 Ian 分享他如何利用类似 D3 这样的工具来讲好一个故事。

SVG 技术也是爱范儿在国内首创的数据可视化服务，在本单集大概10分钟左右的地方，Ian Johson 重点分享了前端技术 SVG 的背景和玩法，内含丰富的知识彩蛋，请各位留意收听。

参考资料：
* Observable
* Drawing with Data
* Scales / Observable Plot
* Twitter: Ian Johnson ( @enjalot )

主播：Chance

赞助：爱范儿「工程团队」

本期概述：

1. 嘉宾：Ian Johnson, ObservableHQ

2. 推荐单集：D3 and Data Visualization, JavaScript Jabber, Nov 25, 2021

3. 关键词：D3、数据可视化、SVG、工具评估、学习曲线

4. 导听部分：

• 嘉宾自我介绍
• D3及其工具链的介绍，学习曲线的评估
• 同样的数据可视化任务，D3，SVG，Canvas之间的关系是什么，如何选择
• （本期未节选，交给听众朋友自己探索）什么是“数据驱动文件”？同样的任务用 D3 和 React 实现效率方面有什么区别
• 余下部分内容也十分丰富，值得研究前端技术的朋友们听完原英文单集

参考资源：

• 国际播客平台：iPhone 的 Podcast / 播客 app 或安卓的 Google Podcast
• 自学如何在上述 app 关键词搜索所需频道、主播

装备清单：

1. 外置声卡「Yamaha UR22 mk II」，USB输出口接入Macbook（录音总合成端）
2. 卡农接口领夹麦克风 Boya M4OD，解说录入端
3. 经典的 Sennheiser 监听耳机 HD206，混音、录音监听

声音编辑:

• Audacity + Steinberg 驱动软件「官方下载安装即可，带loopback 开关，要打开、Mono模式即可」
• 戴好麦克风、通过 Yamaha 声卡输入，笔记本里同时打开外部音源（播客）
• 打开 Audacity 用于合成输出的声音。根据需要，可安排外部、人声两条不同的音轨 / track