人们常说，数据是新世界的货币，而 Web 则是新世界交易的外汇局。作为消费者，我们正在在数据中漫游；处处都是数据，从食品标签，到世界卫生组织组织的报告。其结果是，信息设计师在从数据流中呈现数据时愈发凸现窘境。 获得信息的最佳方式之一是，通过视觉化方式，快速抓住要点信息。另外，通过视觉化呈现数据，也揭示了令人惊奇的模式和观察结果，是不可能通过简单统计就能显而易见看到的模式和结论。正如作家、记者和信息设计师 David McCandless 在 TED 上说道：“通过视觉化，我们把信息变成了一道可用眼睛来探索的风景线，一种信息地图。当你在迷失在信息中时，信息地图非常实用。” （伯乐在线补配视频：视觉化数据 David McCandless） 讲故事有很多种方式，但万事都源于构思。俗话说，一图胜千言。不过制作一张超酷的信息图，又是一件费时又费力的事。本文就整理了 20 个相应工具，应该能简化你的工作。
01. iCharts iCharts can have interactive elements, and you can pull in data from Google Docs iCharts 提供了一个用于创建并呈现引人注目图表的托管解决方案。有许多不同种类的图表可供选择，每种类型都完全可定制，以适合网站的颜色主题。iCharts 有交互元素，可以从 Google Doc、Excel 表单和其他来源中获取数据。iCharts 的免费版只允许你用基本的图表类型，如果基本图表类型无法满足需求，升级到付费用户吧。
02. Flot Create animated visualisations with this jQuery plugin Flot 是一个用于 jQuery 的专业绘图库，有很多便捷的特性，最关键的是，跨浏览器（包括 IE6 ）。可把数据做成动画，因为它是一个jQuery插件，所以你完全可以控制动画、演示和用户交互的方方面面。
03. Raphaël This handy JavaScript library offers a range of data visualisation options Raphaël 是一个能够在网页上创建和操作矢量图形的JavaScript 库。它使用SVG&VML来创建图形。因为每个生成的图形都是一个DOM对象，所以可以通过JavaScript操作这些图形。可千万 Raphaël 官网查看 Demo，
04. Modest Maps Integrate and develop interactive maps within your site with this cool tool Modest Maps 是一个轻量级、简单、免费的地图工具（ JS 库 ），网页设计师和开发人员可轻松地把它整合到网站中。
05. Leaflet Use OpenStreetMap data and integrate data visualisation in an HTML5/CSS3 wrapper 另外一个地图工具，支持 HTML5 和 CSS3 ，Leaflet 可以轻松使用 OpenStreetMap 的数据，并且完全把交互可视化数据集成在一起。 Leaflet 的内核库很小，但是有很多插件能扩展其功能，比如：动态标记、masks 和热图，非常适用于需要显示地理位置的项目。麻雀虽小，五脏俱全。
|
