Chinaunix首页 | 论坛 | 博客
  • 博客访问: 410351
  • 博文数量: 159
  • 博客积分: 372
  • 博客等级: 一等列兵
  • 技术积分: 1693
  • 用 户 组: 普通用户
  • 注册时间: 2012-01-13 17:05
个人简介

致力于图形处理和移动开发。

文章分类

全部博文(159)

文章存档

2014年(77)

2013年(67)

2012年(15)

我的朋友

分类: Web开发

2013-10-17 10:06:29

HTML5中新的图形元素和JavaScript引发了交互式数据显示技术的复兴。如今的浏览器用户界面不仅功能丰富、令人赏心悦目,而且还作为数据可视化的载体,用于显示柱状体、气泡图和丰富多彩的地图等。

交互式数据可视化在很大程度上取决于JavaScript库的任务能力。在这篇文章中,我们将看看四个JavaScript库:D3,InfoVis,Processing.js,和Recline.js。所有这些库可以用来装饰您的网页与动态数据可视化,但每个采用不同的方法来提供这种能力。所有四个都可以免费使用和分发。

D3

D3是一种奇妙的基于Javascript的数据可视化库,允许您将数据绑定到DOM,然后将数据驱动转换应用到Document中。你可以使用它用一个数组创建基本的HMTL表格,或是利用它的流体过度和交互,用相似的数据创建惊人的SVG条形图。

优点

  • 丰富的实例
  • 使用标准的DOM对象,容易调试
  • 可通过扩展来创建任意数据可视化
  • 可以处理多种数据格式,包括 XML、CSV 和 JSON 等

缺点

  • D3 非常强大,因此与其他库相比,学习成本要多一些
  • D3 与早期的 IE 版本不兼容
  • 需要深入了解JavaScript

4款开源免费的数据可视化.库

InfoVis

InfoVis是一个在Web上创建可交互式的数据图表的JavaScript 库。InfoVis有点类似Moo工具,它是一个模块化的对象指向型JavaScript架构,通常这些架构都是高级JavaScript程序员要借助的中介。由于它具有模块化的格式,因此用户可以使用JavaScript InfoVis保持页面的简洁。它还包括一个动画效果功能,多种绘图类型和一个用于操作JSON数据的类。

优点

  • API很容易理解

缺点

  • 图表库不太灵活
  • 不如其他工具那样易于扩展

4款开源免费的数据可视化.库

Processing

Processing.js是一个基于Java图形系统的JavaScript 库。它不仅仅提供数据可视化,还可以实现程序图像、动画和互动的应用。

优点

  • 可用于创建动画
  • 很大程度上兼容Processing Java
  • 轻量,易于了解掌握

缺点

  • 需要学习Processing language

4款开源免费的数据可视化.库

Recline.js

Recline.js可以帮助你使用Javascript和html快速地创建基于数据的应用。Recline.js已经内置支持从、CSV files, Google Docs, ElasticSearch, CouchDB等来加载数据。并能够以表格,地图,时间线等方式来漂亮地展示数据。展示的方式可以很方便地按自己的需要进行扩展。

优点

  • 在线练习
  • 可与其他JavaScript库整合

缺点

  • 图表类型有限

4款开源免费的数据可视化.库

阅读(564) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~