专栏首页灯塔大数据浅谈数据可视化那些可用的工具和示例【可视化】

浅谈数据可视化那些可用的工具和示例【可视化】

什么是数据可视化?数据可视化主要旨在借助于图形化手段,清晰有效地传达与沟通信息。为了有效地传达思想概念,美学形式与功能需要齐头并进,通过直观地传达关键的方面与特征,从而实现对于相当稀疏而又复杂的数据集的深入洞察。

这意味面对一大堆杂乱的数据你无法嗅觉其中的关系,但通过可视化的数据呈现,你能很清晰的发觉其中价值。在经过一阶段的数据分析平台搭建工作后,结合比赛,我开始了对数据可视化的研究,结合几篇对可视化技术与工具的描述,以下整理出一些数据可视化的资料与知识,以供参考。

一、数据源类型

  One-dimensional data / Points

  Two-dimensional data / Tables

  Multidimensional data / Relational Tables

  Text and hypertext

  Hierarchies and graphs / Telephone calls and Web documents

  Algorithms and software

二、可视化手段

  Standard 2D/3D displays

  Geometrically transformed displays

  Icon-based displays

  Dense pixel displays

  Stacked displays

三、可视化工具汇总

3.1 简易图表

1.DataWrapper:一个非常漂亮的在线服务,上传数据并快速生成图表后,就可以到处使用或将其嵌入在自己的站点中。这个服务最初定位于专栏记者,而实际上任何人都可以使用。DataWrapper 在新版本浏览器中可以显示动态图表,而在旧版本浏览器中则显示静态图片。

Page: http://datawrapper.de/

2.Flot: 一个基于jQuery 的绘图库,使用HTML 的canvas 元素,也支持旧版本浏览器(甚至IE6)。它支持有限的视觉形式(折线、散点、条形、面积),但使用很简单。

Page: http://www.flotcharts.org/

3.Google Chart Tools

4.gRaphaël: 与Flot 相比,它更灵活,而且还要更漂亮一些。

Page: http://g.raphaeljs.com/

5.Highcharts JS: JavaScript 图表库,包含一些预定义的主题和图表。它在最新浏览器中使用SVG, 而在旧版本IE(包括IE6 及更新版本)中使用后备的VML。

Page: http://www.highcharts.com/

6.JavaScript InfoVis Toolkit:简称JIT,它提供了一些预设的样式可用于展示不同的数据,包括很多例子,而文档的技术味道太浓。

Page: http://philogb.github.io/jit/index.html

7.jqPlot: jQuery 绘图插件,只支持一些简单的图表,适合不需要自定义样式的情况。

8.jQuery Sparklines: 可生成波形图的jQuery 插件,主要是那些可以嵌在字里行间的小条形图、折线图、面积图。支持大多数浏览器,包括IE6。

9.Peity:jQuery 插件,可生成非常小的条形图、折线图和饼图,只支持较新版本的浏览器。再强调一遍,它能生成非常小又非常精致的小型可视化图表。

Page: http://benpickles.github.com/peity/

10.Timeline.js: 专门用于生成交互式时间线的一个库。不用编写代码,只用其代码生成器即可;只支持IE8及以后的版本。

3.2 图谱可视(具有网络结构的数据)

1.Arbor.js: 基于jQuery 的图谱可视化库,连它的文档都是用这个工具生成的(可见它有多纯粹、多meta)。这个库使用了HTM 的canvas 元素,因此只支持IE9 和其他较新的浏览器,当然也有一些针对旧版浏览器的后备措施。

Page: http://arborjs.org/

2.Sigma.js: 一个非常轻量级的图谱可视化库。无论如何,你得看看它的网站,在页面上方的大图上晃几下鼠标,然后再看看它的演示。Sigma.js 很漂亮,速度也快,同样使用canvas。

Page: http://sigmajs.org/

3.3 地图映射(包括地理位置数据或地理数据)

1.Kartograph: Gregor Aisch 开发的一个基于JavaScript 和Python 的非常炫的、完全使用矢量的库,它的演示是必看的。最好现在就去看一看。保证你从来没见过这么漂亮的在线地图。Kartograph 支持IE7 及更新版本。

Page: http://kartograph.org/

2.Leaflet: 贴片地图的库,可以在桌面和移动设备上流畅地交互。它支持在地图贴片上显示一些SVG 数据层(参见Mike 的演示”Using D3 with Leaflet”:http://bost.ocks.org/mike/leaflet/ )。 Leaflet 支持IE6(勉强)或IE7(好得多),当然还有其他更新版本的浏览器。

Page: http://leafletjs.com/

3.Modest Maps: 作为贴片地图库中的老爷爷,Modest Maps 已经被Polymaps 取代了,但很多人还是喜欢它,因为它体积小巧,又支持IE 和其他浏览器的老版本。Modest Maps 有很多版本,包括ActionScript、Processing、Python、PHP、Cinder、openFrameworks…… 总之,它属于老当益壮那种。

Page: http://modestmaps.com/

4.Polymaps: 显示贴片地图的库,在贴片上可以叠加数据层。Polymaps 依赖于SVG,因此在较新的浏览器中表现很好。

Page: http://polymaps.org/

3.4 原始绘图(高级定制)

1.D3.js

2.Processing.js

3.Paper.js: 在canavs 上渲染矢量图形的框架。同样,它的网站也堪称互联网上最漂亮的网站之一,它们的演示做得让人难以置信。

Page: http://paperjs.org/

4.Raphaël: 一个绘制矢量图形的库。

Page: http://raphaeljs.com/

3.5 三维图形

1.PhiloGL: 专注于3D 可视化的一个WebGL 框架。

Page: http://www.senchalabs.org/philogl/

2.Three.js: 能帮你生成任何3D 场景的一个库,谷歌Data Arts 团队出品。

  Page: http://mrdoob.github.com/three.js/

数据可视化之路,路漫漫其修远兮啊。

内容来源:IT微课堂

本文分享自微信公众号 - 灯塔大数据(DTbigdata)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2015-10-29

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 大数据揭秘:AI工程师真的能拿到百万年薪吗?

    近年来,人工智能技术在各行各业中的应用越来越普及,相关专业技术人才也是供不应求,各大公司或是创业公司不惜重金招募AI人才。最近一项统计显示,人工智能相关职位平...

    灯塔大数据
  • 原创译文|曾经被预言要毁灭人类的技术,现在如何造福人类呢?

    10月13日在匹兹堡举办的白宫前沿峰会上,专家表示人工智能不但不会导致人类垮台,而且会帮助人们更好地工作。人工智能不仅可以辅助医生诊断脓毒症,还可以帮助科学家...

    灯塔大数据
  • 大数据告诉你:何时工作最好找

    有人在喊“招工难”:上调了待遇、放宽了标准,还是连续几个月招不到人。有人在喊“就业难”:工作一年比一年难找,应聘时一个岗位几十人来面试。劳动力市场供求态势到底...

    灯塔大数据
  • X-AI开源项目(人工智能可视化管理平台)

    http://59.110.242.233:8082/bd/faceBD/detectface 人脸检测

    小帅丶
  • 面试官:你说你会RabbitMQ,那聊聊它的交换机(Exchange)吧

    本文中我们主要讲前三种Exchange方式,相信凭借着我简练的文字和灵魂的画技给大家好好讲讲,争取老妪能解。

    Java_老男孩
  • ajaxfileupload上传文件和报错syntaxerror: Unexpected end of input(…)

    jQuery插件AjaxFileUpload可以实现ajax文件上传,下载地址:http://www.phpletter.com/contents/ajaxfi...

    仙士可
  • 基于WebMagic写的一个入门级CSDN博客爬虫

    参考: 1、http://webmagic.io/docs/zh/ 2、http://blog.csdn.net/qq598535550/article...

    程裕强
  • Java单例模式的7种写法中,为何用Enum枚举实现被认为是最好的方式?【享学Java】

    如果看到标题就能表示赞同的小伙伴,那估摸你也肯定看过Joshua Bloch大神说过的这么一句话:单元素的枚举类型已经成为实现Singleton的最佳方法。我把...

    YourBatman
  • javascript 红皮高程(16)

    位操作符的内容有些难度,并且也不常用。 从这几天的文章阅读量可以看出来,阅读的人比较少。 但学习这事,从来都是一件艰苦的事情,从来不轻松。 也许难懂,多看几遍就...

    web前端教室
  • 为什么说“单元素的枚举类型已经成为实现Singleton的最佳方法”

    Joshua Bloch大神在《Effective Java》中明确表达过的观点:使用枚举实现单例的方法虽然还没有广泛采用,但是单元素的枚举类型已经成为实现S...

    程序员小强

扫码关注云+社区

领取腾讯云代金券