【每周一本书】之《图说D3：数据可视化利器从入门到进阶》

数据可视化大数据数据分析

原创 abby | 2017-05-09 08:00

【数据猿导读】《图说D3：数据可视化利器从入门到进阶》以一个故事开始，阐释制作可视化数据图表的基本方法论，以及如何结合D3 高效、快速地创建可视化图表

来源：数据猿作者：abby

数据、数据、数据。有关数据的信息林林总总堆积起来，速度比以往任何时候都要快。数据信息的急剧膨胀带来一个跨越两个世纪的需求——数据可视化，即将原始数据中的模式和趋势加工成视觉形式的艺术。

以往，这种视觉形式会通过纸张和油墨呈现在书籍、报纸和学术期刊上，固化于印刷的那个时刻。但是，现今数据却越来越频繁地被转化成像素，并以可交互的形式呈现于线上媒体，读者点点鼠标就能改变其外观。当今，每个数据从业者都需要一款工具协助其处理——从信息到网页，从原始静态的数字到动态图形。

“D3”是“数据驱动文档”（DataDriven Documents）的简称，不仅可以帮助你将信息转换成图形，而且可以协助你基于数据创建和操作完整的网页和图表。这是一款梦幻般的工具，正是或至少是这个世界亟需的一款数据可视化工具。

D3由斯坦福大学毕业生 Mike Bostock联合其导师 Jeffery Heer及 Vadim Ogievetsky首发于 2011年。D3是基于 JavaScript这种互联网世界绝对通用语言的一个自由扩展库。D3背后的基本理论是：提供一种方式，将网页上的元素与数据连接起来，然后基于这些数据去操纵网页元素。例如，你想将 5个数据点转换成一幅条形图，只需在 D3中将这些数据点与 5个矩形图形元素连接，然后根据对应的数据值设置矩形的宽度即可——真是简单到极致了。

今天小编为大家推荐的《图说D3：数据可视化利器从入门到进阶》就以一个故事开始，阐释制作可视化数据图表的基本方法论，以及如何结合D3高效、快速地创建可视化图表。

数据可视化_大数据_数据分析-1

D3.js已一跃成为 JavaScript构建数据可视化的基础工具。 D3由 Mike Bostock编写，并在 Mike之前创建的 Protovis可视化库中成功运用。与以往的 JavaScript可视化库或 Protovis不一样，D3被设计成一个面向底层的工具集，既能直接用于构建可视化，也可以用来编写抽象程度更高的可视化库，如 Protovis。得益于该设计思想， D3可以为开发者在结构、样式及交互行为上提供更多控制机制。当然，控制机制越强，学习曲线也越陡峭。本书旨在帮助你消弭学习障碍，将 D3快速运用于实际工作中。同时，本书作者 Ritchie King也对数据可视化拥有自己独特的见解。

本书从内容上分为10个章节：

第1章：以图叙事和 D3对数据可视化进行了简单的介绍，解释可视化对提升理解有巨大作用的原因。同时，对 D3进行了简单的介绍，解释为何 D3会成为 Web端数据可视化的利器。

第2章：发掘并图解案例。叙述了如何去搜寻一组有故事性的数据，包括相关数据准备及可视化样式制作指导，其中的示例“世界人口年龄分布柱形交互图”贯穿本书。

第3章：可缩放矢量图形。介绍了可缩放矢量图形（SVG）。这是一种创建美观图形元素的 Web标准，D3可以很轻易地操纵这些元素。本书部分示例是用 SVG绘制的。

第4章：用 D3选择集操控网页。开始接触 D3并学习用 D3选择页面元素是本章的主题。第3章中的SVG图表会在本章中用D3重建。

第5章：数据连接：进入。对 D3的核心概念“数据连接”进行了详细介绍。同时，用“数据连接”重建了第4章的示例。

第6章：缩放图形并添加轴线。介绍D3用来自动进行图形缩放和生成坐标轴的方法，并在示例中进行了应用。

第7章：加载并过滤外部数据。从外部独立数据源创建图表可能是 D3的主要实际使用场景。本章介绍了如何加载外部数据，以及 D3采用异步方式加载数据的原因。

第8章：为图形添加交互和动画效果。给示例添加交互按钮（数据集中每一年对应一个按钮）。当按钮被点击时，柱形图中的每一个柱形会按照实际的数据值进行水平缩放，并产生过渡动效。

第9章：添加播放按钮。播放按钮一旦被点击，就会在数据集中轮播每一年的数据。

第10章：修行靠自身。本书最后以教你如何正确进入D3生态系统结尾。

适读人群：