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

数据猿导读

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

作者:abby

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

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

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

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

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

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生态系统结尾。

适读人群:

本书适合希望用D3创建健壮的数据可视化图形的初学者和有一定经验的开发者阅读。

本书由 数据猿联合电子工业出版社 共同推荐

【本栏目合作伙伴】:清华大学出版社、电子工业出版社、北京师范大学出版社、中国人民大学出版社。

更多“每周一本书”,可加作者Abby微信:wmh4178(请注明姓名、公司)交流

(0)

相关推荐