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

浅谈数据可视化那些可用的工具和示例 什么是数据可视化？数据可视化主要旨在借助于图形化手段，清晰有效地传达与沟通信息。为了有 效地传达思想概念，美学形式与功能需要齐头并进，通过直观地传达关键的方面与特征，从而实现 对于相当稀疏而又复杂的数据集的深入洞察。 这意味面对一大堆杂乱的数据你无法嗅觉其中的关系，但通过可视化的数据呈现，你能很清晰的发 觉其中价值。在经过一阶段的数据分析平台搭建工作后，结合比赛，我开始了对数据可视化的研究 ，结合几篇对可视化技术与工具的描述，以下整理出一些数据可视化的资料与知识，以供参考。 一、数据源类型 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 的绘图库，使用 HT ML 的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: http://philogb.github.io/jit/index.html 7.jqPlot: jQuery 绘图插件，只支持一些简单的图表，适合不需要自定义样式的情况。 8.jQuery Sparklines: 可生成波形图的 jQuery 插件，主要是那些可以嵌在字里行间的小条形图、折 线图、面积图。支持大多数浏览器，包括 IE6 。 9.Peity: jQuery 插件，可生成非常小的条形图、折线图和饼图，只支持较新版本的浏览器。再强调 一遍，它能生成非常小又非常精致的小型可视化图表。 Page: /peity/ 10.Timeline.js: 专门用于生成交互式时间线的一个库。不用编写代码，只用其代码生成器即可；只支 持 IE8及以后的版本。 3.2 图谱可视（具有网络结构的数据） 1. Arbor.js: 基于jQuery 的图谱可视化库，连它的文档都是用这个工具生成的（可见它有多纯粹、 多meta ）。这个库使用了 HT ML 的canvas 元素，因此只支持 IE9 和其他较新的浏览器，当然也有 一些针对旧版浏览器的后备措施。 Page: / 2.Sigma.js: 一个非常轻量级的图谱可视化库。无论如何，你得看看它的网站，在页面上方的大图上 晃几下鼠标，然后再看看它的演示。 Sigma.js 很漂亮，速度也快，同样使用 canvas 。 Page: / 3.3 地图映射（包括地理位置数据或地理数据）