点击上方蓝字
关注学术必看
掌握一点点编程技巧，你就能利用数据做更多的事情，远远超过那些开箱即用的软件。编程技巧能赋予你更加灵活的能力，而且各种类型的数据都能适应。
大多数设计新颖、令人惊艳的数据图都是通过代码或绘图软件实现的，很有可能两者兼有。有关绘图软件我们稍后也会谈到。
对于新手来说代码可能颇为神秘——我也是这样过来的。但我们可以把它当做一门新语言来看待，因为它确实如此。每一行代码都告诉计算机去做某件事情。计算机不懂我们和朋友之间所用的语言，所以你必须用它自己的语言或语法才能和它交流。
与任何语言一样，你不可能立刻就开始进行对话。要从基础开始，然后逐步建立自己的学习方式。很可能在你意识到之前，你就已经开始写代码了。关于编程最酷的事情在于，一旦你掌握了一门语言，学习其他语言就会更加容易，因为它们的逻辑思路是共通的。
01
可选项
NO.1 Python
Python 善于处理大批量的数据，不会造成宕机。这使得该语言能够胜任繁重的计算和分析工作。
Python 干净易读的语法也很受程序员们欢迎，还可以利用很多模块来创建数据图形。呃…例如下面图1中的这种~
图 1利用 Python 生成的图表
从美学方面来看，这个图表还不够好。直接拿 Python 输出的图片用于印刷可能会比较勉强，尤其是在边缘处给人感觉比较粗糙。
但不管怎样，这是数据探索阶段一个很不错的开始。或者你也可以先输出图片，然后再利用其他的图形编辑软件来润色或添加信息。
有用的 Python 资源
• Python 官方网站 。
• NumPy 和 SciPy 1 ——科学计算模块。
1 NumPy 是 Python 的一个数据处理的函数库，里面主要是一些矩阵的运算等。SciPy 是 Python 语言中用于科学研究的函数库，它是在 Numpy 基础上开发的。
NO.2 PHP
PHP 是我刚开始网页编程时学到的第一门语言。有些人说它很松散，确实如此，但也可以让它很有条理。
大部分 Web 服务器都预安装了 PHP 的开源软件，因此要想着手写 PHP 是非常容易的。
绝大多数预安装中都会包含一个叫做 GD 的图形函数库。这个库非常灵活，能让你从无到有地创建图形，或者修改已有图形。此外还有很多 PHP 图形函数库能帮助我们创建各类基本的图表。
最受欢迎的是 Sparkline（微线表）库，它能让你在文本中嵌入小字号的微型图表，或者在数字表格中添加视觉元素，就像下面这张图2一样：
图 2利用 PHP 图形函数库生成的微线表
一般 PHP 的出现都会伴随着 MySQL 等数据库，而不是一堆 CSV 文件。这使它能物尽其用，处理大型的数据集。
有用的 PHP 资源
• PHP 官方网站（）
• Sparkline PHP 图形函数库（）
NO.3 Processing
Processing 是一门适合于设计师及数据艺术家的开源语言。最早的 Processing 还只能算作是小品级别，可以让用户快速生成图形，但随后获得了长足的发展，完成了很多高质量的项目。比如说，第 1 章中提到的 We Feel Fine 就是用 Processing 中创建的。
Processing 很棒的一点是能很快上手：轻量级的编程环境，只需几行代码就能创建出带有动画和交互功能的图形。这款工具确实很基础，但由于它偏重于视觉思维的创造性，你很容易就能知道如何创造出更高级的作品。
虽然在一开始主要是设计师和艺术家使用 Processing，但如今它的受众群体已经越来越多样化了。你可以借助各种函数库来提升它的威力。
它的缺点之一是要使用到 Java 小应用程序，在某些计算机上载入时可能会很慢，而且并不是每个人都安装了 Java（尽管多数人都安装了）。不过这也有解决办法，Processing 在不久前发布了它的 JavaScript 版本。
无论如何，它对于新手来说是个很好的起点。即使是毫无编程经验的用户也能够做出有价值的东西。
有用的 Processing 资源
• Processing 的官方网站（）。
说明虽然有很多免费、开源的 ActionScript 函数库，但是 Flash 软件和 Flash 编译器的价格比较昂贵，在你选择软件时需要考虑这一点。
NO.4 Flash 和 ActionScript
网上大多数可交互的动画数据图都是通过 Flash 和 ActionScript 开发的，尤其是在《纽约时报》这样的主流新闻网站上。我们可以直接用 Flash 来设计图形，这也是一款所见即所得的软件，但有了 ActionScript 的帮助，就能更好地控制交互行为。
许多应用都是完全用 ActionScript 写的，无需用到 Flash 环境，不过这些代码还是作为 Flash 应用来进行编译。
比如说，表现沃尔玛企业成长的可交互动画演示地图（见图 3）就是用 ActionScript 写成的。其中调用了 Modest Maps 库。这是一个用于区块拼接地图（tile-based map）的显示和交互的函数库，以 BSD 许可协议①发布，这表示它是免费的，大家可以随心所欲地使用。
1 BSD 许可协议（Berkeley Software Distribution license），是自由软件（开源软件的一个子集）中使用最广泛的许可协议之一。
图 3动画演示沃尔玛企业成长的地图，以 ActionScript 写成
图 4 中的可交互堆叠面积图也是由 ActionScript 写成的。它能让你搜索数年来各种消费开支的大小变化，例如住房（Housing）和交通（Transportation）。这一艰巨的任务是由加州大学伯克利分校可视化实验室开发的 Flare Action Script 库完成的。
图 4显示消费开支分类的可交互堆叠面积图，以 ActionScript 写成
如果你对网上的可交互图形感兴趣，那么 Flash 和 ActionScript 是非常好的选择。
Flash 应用的下载相对较快，而且绝大多数人的计算机上都安装了 Flash 播放器。
不过 ActionScript 并不好学。虽说语法并不复杂，但是安装和代码的组织却可能会难倒初学者。你不可能像 Processing 那样只用几行代码就运行成功。
在后面的章节中我会带领大家实践其中的基本步骤，另外由于 Flash 的广泛使用，在网上还能找到很多极有帮助的教程。
与此同时，Web 浏览器一直在飞速发展mysql可视化界面，其运行速度和效率也有了显著的提高。这让我们有了很多其他的选择。
有用的 Flash 和 ActionScript 资源
• Adobe 支持（）—— Flash 和 ActionScript（以及其他 Adobe 产品）的官方文档。
• Flare 可视化工具包（）。
• Modest Maps 函数库（）。
NO.5 HTML、JavaScript 和 CSS
Web 浏览器的运行速度越来越快，功能也越来越完善。不少人使用浏览器的时间要超过计算机上的其他任何程序。可视化在近期也有了相应的转变，开始借助 HTML、JavaScript 和 CSS 代码直接在浏览器中运行。
在过去，可交互的数据图一般都是通过 Flash 和 ActionScript 来实现，而静态数据图则需要存储为图片格式。现在的情况也大抵如此，但不再只有这一种选择。
一些功能强健的工具包和函数库可以帮助我们快速创建可交互或静态的可视化图形。它们还提供了大量的选项，以便你针对数据需要进行定制。
比如说，斯坦福大学可视化团队开发的 Protovis 就是一款免费开源的可视化函数库，它能帮助你创建网页原生的可视化作品。Protovis 提供了一系列开箱即用的可视化工具，但你在创建几何图形时不会受到任何限制。图 3-15 显示的是一幅可交互的堆叠面积图
Protovis 中内嵌了这一图表类型。我们还可以生成形式更加新颖的流线图（streamgraph），如图 3-16 所示。
图 6由 Protovis 自定义生成的流线图
我们还可以利用多个库来扩充功能。Flash 也能做到这一点，但 JavaScript 在代码方面的工作量会小很多。有了 jQuery 和 MooTools 等库的协助，JavaScript 也更加容易阅读和使用。这些库并非专为可视化而开发的，但仍然能带来很大帮助。它们提供了大量基础功能，只需几行代码就能实现。
如果没有这些库，我们要写的代码就会更多，而且稍不注意就可能漏洞百出。
这些库还提供了一些插件，帮助我们制作较为基础的图形。例如，你可以利用 jQuery 的 Sparklines（微线表）插件来生成微线表（见图 7）。
图 7通过 jQuery 的 Sparklines 插件生成的微线表
用 PHP 也可以做到这一点，但这种方法具有更多优势。首先，数据图是在用户的浏览器中生成的，而非服务器端。这能缓解服务器的压力，否则在流量较大的情况下你的网站就可能会出问题。
另一个优势在于你无需在自己的服务器上安装 PHP 图形库。很多服务器上都预安装了这些图形库，但也有一些没有。如果你对 PHP 图形库不熟悉，安装过程可能会非常麻烦。
也许有人不想用插件。
没关系，利用标准的网页编程也可以定制可视化的效果。图 8 就是一副可交互的日历，同时也是用户使用 your.flowingdata 工具的热度图（heatmap）。
图 8可交互日历，同时也是用户使用 your.flowingdata 的热度图
不过还是有几点需要注意。由于相关的软件和技术还比较新，在不同浏览器中你的设计可能在显示上会有所差别。在 Internet Explorer 6 这类老旧的浏览器中，有些工具可能无法正常运行。
不过这种情况正在逐渐好转，因为绝大多数人都已经转向了 Firefox 或 Google Chrome 等更现代的浏览器。归根结底，这还是取决于你的受众群体。
在 FlowingData 网站的访问者中，只有不到 5% 的人还在用低版本的 Internet Explorer，因此浏览器兼容性并不是很严重的问题。
同样，由于该技术的普及率尚不够高，为 JavaScript 可视化提供支持的函数库不像在 Flash 和 ActionScript 中那么多。这也是为什么许多主流新闻机构仍然大量使用 Flash 的原因。不过随着技术的发展这一局面终会发生改变。
有用的 HTML、JavaScript 和 CSS 资源
• jQuery（）——一个 JavaScript 库，能让该语言的编程更加高效，而且让最终代码更加易读。
• jQuery Sparklines（）——通过 JavaScript 生成静态及动画的微线图。
• Protovis（）——专用于可视化的 JavaScript 库，提供了实例以便学习。
• JavaScript InfoVis 工具包（）——另一个可视化库，但不如 Protovis 成熟。
• Google Charts API（）——动态创建传统形式的图表，只需修改 URL 即可。
NO.6 R
如果你浏览过 FlowingData，可能就会知道我最喜欢的数据图形软件就是 R。它是一款免费且开源的统计学计算软件，图形功能也很强大。它也是绝大多数统计学家最中意的分析软件之一。
此外还有一些功能近似的付费软件，例如 S-plus 和 SAS，不过它们很难比得上 R 的完全免费以及活跃的开发社区氛围。
相较于之前提到的所有软件，R 的优势之一在于它是专为数据分析而设计的。HTML 的用途主要是创建网页，而 Flash 则用于其他方面，例如视频以及动态广告。但 R 却是由统计学家开发并维护mysql可视化界面，主要的面向对象也是统计学家。至于这是好是坏，取决于你从哪种角度来看待它。
支持 R 的工具包也有很多，你只需把数据载入到 R 里面，写一两行代码就可以创建出数据图形。比如说，你可以利用 Portfolio 工具包快速创建出板块层级图（treemap），如图 9 所示。
创建热度图也同样简单，如图 10 所示。
图 10R 生成的热度图
当然，还可以创建更多传统的统计图表，例如散点图和时间序列图，我们将会在第 4 章中对此进行深入讨论。
坦白说， R 的网站看起来极为落后 （见图 11），而且软件本身在引导新用户方面做得不够好。不过你要记住，R 毕竟是一门编程语言，学习任何语言都必须经历开头的艰难。
我也读到过一些关于 R 的负面评论，但通常都是那些习惯于按钮或者鼠标操作的人在发牢骚。所以如果你打算使用 R，不要对用户界面的期待过高，否则你一定会觉得它很不友好。
