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

honghu2

浅谈数据可视化那些可用的东西和示例

甚么是数据可视化？数据可视化重要旨在借助于图形化手腕，清楚有用地转达与沟通讯息。为了有用地转达思惟观点，美学情势与功效必要齐头并进，经由过程直观地转达关头的方面与特性，从而实现对付至关希罕而又繁杂的数据集的深刻洞察。

这象征面临一大堆紊乱的数据你没法嗅觉此中的瓜葛，但经由过程可视化的数据显现，你能很清楚的察觉此中价值。在颠末一阶段的数据阐发平台搭建事情后，连系角逐，我起头了对数据可视化的钻研，连系几篇对可视化技能与东西的描写，如下收拾出一些数据可视化的资料与常识，以供参考。
1、数据源类型

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

2、可视化手腕
Standard 2D/3D displays

Geometrically transformed displays



Icon-based displays      Dense pixel displays

Stacked displays
3、可视化东西汇总
3.1 简略单纯图表

1.DataWrapper: 一个很是标致的在线办事，上传数据并快速天生图表后，便可以处处利用或将其嵌入在本身的站点中。这个办事最初定位于专栏记者，而现实上任何人均可以利用。 DataWrapper 在新版本阅读器中可以显示动态图表，而在旧版本阅读器中则显示静态图片。

Page:



2.Flot: 一个基于jQuery 的画图库，利用HTML 的canvas 元素，也支撑旧版本阅读器（乃至IE6）。它支撑有限的视觉情势（折线、散点、条形、面积），但利用很简略。

Page:

3.Google Chart Tools

4.gRaphaël: 与Flot 比拟，它更机动，并且还要更标致一些。

Page:



5.Highcharts JS: JavaScript 图表库，包括一些预界说的主题和图表。它在最新阅读器中利用SVG， 而在旧版本IE（包含IE6 及更新版本）中利用后备的VML。

Page:



6.JavaScript InfoVis Toolkit: 简小蝌蚪称JIT，它供给了一些预设的样式可用于展现分歧的数据，包含不少例子，而文档的技能味道太浓。

Page:

7.jqPlot: jQuery 画图插件，只支撑一些简略的图表，合适不必要自界说样式的环境。

8.jQuery Sparklines: 可天生波形图的jQuery 插件，主如果那些可以嵌在字里行间的小条形图、折线图、面积图。@支%7vR22%撑大大%6r1R3%都@阅读器，包含IE6。

9.Peity: jQuery 插件，可天生很是小的条形图、折线图和饼图，只支撑较新版本的阅读器。再夸大一遍，它能天生很是小又很是精巧的小型可视化图表。

Page:



10.Timeline.js: 专门用于天生交互式时候线的一个库。不消编写代码，只用其代码天生器便可；只支撑IE8及今后的版本。

3.2 图谱可视（具备收集布局的数据）

1. Arbor.js: 基于jQuery 的图谱可视化库，连它的文档都是用这个东西天生的（可见它有多纯洁、多meta）。这个库利用了HTML 的canvas 元素，是以只支撑IE9 和其他较新的阅读器，固然也有一些针对旧版阅读器的后备办法。

Page:



2.Sigma.js: 一个很是轻量级的图谱可视化库。不管若何，你得看看它的网站，在页面上方的大图上晃几下鼠标，然后再看看它的演示。Sigma.js 很标致，速率也快，一样利用canvas。

Page:



3.3 舆图映照（包含地舆位置数据或地舆数据）

1.Kartograph: Gregor Aisch 开辟的一个基于JavaScript 和Python 的很是炫的、彻底利用矢量的库，它的演示是必看的。最佳如今就去看一看。包管你历来没见过这么标致的在线舆图。Kartogr火星直播aph 支撑IE7 及更新版本。

Page:



2.Leaflet: 贴片舆图的库，可以在桌面和挪动装备上流利地交互。它支撑在舆图贴片上显示一些SVG 数据层（拜见Mike 的演示”Using D3 with Leaflet”： )。 Leaflet 支撑IE6（委曲）或IE7（好很多），固然另有其他更新版本的阅读器。

Page:

3.Modest Maps: 作为贴片舆图库中的老爷爷，Modest Maps 已被Polymaps 代替了，但不少人仍是喜好它，由于它体积小巧，又支撑IE 和其他阅读器的老版本。Modest Maps 有不少版本， 包含ActionScript、Processing、Python、PHP、Cinder、openFrameworks…… 总之，它属于老当益壮那种。

Page:

4.Polymaps: 显示贴片舆图的库，在贴片上可以叠加数据层。Polymaps 依靠于SVG，是以在较新的阅读器中表示很好。

Page:

3.4 原始画图（高档定制）

1. D3.js



2.Processing.js



3.Paper.js: 在canavs 上衬着矢量图形的框架。一样，它的网站也可谓互联网上最标致的网站之一，它们的演示做得让人难以置信。

Page:



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

Page:



3.5 三维图形

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

Page:



2.Three.js: 能帮你天生任何3D 场景的一个库，googleData Arts 团队出品。

Page:



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

作者：Joe Jiang，公家号：数据发掘与数据阐发（ID：datakong）