最好用的 20 款数据可视化工具

数据可视化可以让数据更加直观，为开发者做出正确决策奠定基础。本文将介绍20款不同的数据可视化工具，从简单列表到复杂表格，再到地图和信息图表。这些工具中大部分都是免费的，希望能够为你带来帮助。

一、入门级

首先，我们来看看你所熟知的工具，它们可能会有意想不到的用途。如果你是刚刚入门，那么首先要知道这些工具。

1、Excel

事实上运用Excel你可以运算很复杂的数据，比如从单元格的热图到散点图。作为一款入门级的工具，它可以快速搜索数据，或者为内部使用创建可视化数据，但由于默认设置了颜色、线条和风格，使其难以创建用于某些专业刊物或网站的图形。尽管如此，我仍然推荐你使用Excel。

Excel是微软办公套件中的一种工具，如果你没有它的话，其他工具也可以实现类似的功能，比如Google Docs和Google Drive。

2、CSV/JSON

CSV（逗号分隔值）和JSON（JavaScript对象符号）不算是一种可视化工具，但它们是基本数据格式。你需要了解它们的结构，知道如何获取数据。以下提到的工具包所支持的数据格式，至少包含它们中的1至2个。

二、网络数据可视化

3、Google Chart API

部分静态图像工具包已不再被人们使用，Google图表工具网站现在只提供动态图表工具。这些工具功能强大，并且所有浏览器都支持SVG、canvas和 VML。但有一个严重的问题，它们是在客户端上生成的，如果设备上不支持JavaScript、非联网状态使用或者用不同格式保存，都会引发问题。而静态图像则不会有这些问题。

然而，API拥有所有的功能，包括条形图、折线图、地图，甚至是QR代码。你可以根据实际所需，通过Google查找到合适的可视化图形，而不需要特殊定制。作为一个起点，这是一个非常棒的工具。

4、Flot（浮悬）

浮悬是一个很棒的线图和条形图创建工具，可以运用于支持canvas的所有浏览器——意味着大多数主流浏览器。这是一个jQuery库，如果你已经熟悉jQuery，你就可以容易的对图像进行回调、风格和行为操作。

浮悬的优点是你可以访问大量的调用函数，这样就可以运行你自己的代码。设定一种风格，可以让在用户悬停鼠标、点击、移开鼠标时展示不同的效果。比起其他制图工具，浮悬给予你更多的灵活空间。浮悬提供的选项不多，但它可以很好地执行常见的功能。

5、Raphaël（拉斐尔）

拉斐尔是另一种很棒的JavaScript库，用于创建图表和图形。与其他库最大的区别在于，它着重于SVG和VML输出形式。这有优点也有缺点。由于 SVG是矢量格式，在任何分辨率下看上去都很好，但它为每个元素创建了一个DOM节点，这个过程要比通过canvas创建栅格化图像要慢一点。不过，好处是你可以针对每个DOM元素操作、添加事件，就像HTML一样。网页有大量的演示拉斐尔如何轻易的创建通用表格和图形，正因为它可以任意呈现SVG，它可以创建非常复杂的可视化效果，你就不必使用其他插图或者矢量绘图工具了。

6、D3

D3（数据驱动文件）是另外一种支持SVG渲染的JavaScript库。不仅可以创建简单的条形图和折线图，还可以完成更复杂的Voronoi图、树图、圆形集图和字符云。用D3可以做出复杂的交互，但不意味着必须使用它。选择正确的工具把图像鲜明的展示出来是非常重要的。

7、Visual.ly

如果你需要用到信息图表，而非数据可视化图形，那么正要介绍的这款工具能帮到你的忙。Visual.ly是非常流行好用的。网络上经常用到信息图表设计，它提供了一个模板选项，将图表链接到你的Facebook或Twitter账户，还能显示可爱的卡通背景。虽然用途有限，但它是一个很有用的灵感来源。