banner

BI与数据可视化

作者: afenxi来源: afenxi时间:2017-06-30 16:08:220

摘要:大数据时代已经来临,但数据本身是枯燥的、乏味的,如果不能进行可视化,人们很难发现它的价值,也不利于媒体进行传播。

什么是数据可视化

数据可视化(Data Visualization)起源于18世纪,William Playfair 在他出版的书籍《The Commercial and Political Atlas》中第一次使用了柱形图和折线图。当时是为了表示国家的进出口量,在今天依然这么使用。19世纪初,他出版了《Statistical Breviary》一书,里面第一次使用了饼状图。这三种都是至今最常用的最著名的可视化图形。19世纪中叶,数据可视化主要被用于军事用途,用来表示军队死亡原因、军队的分布图等。进入20世纪,数据可视化有了飞跃性的发展。1990年,在人机界面学会上,作为信息可视化原型的技术被发表。1995年,IEEE Information Visualization 正式创立,信息可视化作为独立的学科被正式确立。随着2012年世界进入大数据时代,数据可视化作为大量数据的呈现方式,成为当前重要的课题。

BI与数据可视化-数据分析网

The main goal of data visualization is its ability to visualize data, communicating information clearly and effectively.(数据可视化的目的,是要对数据进行可视化处理,以使得能够明确地、有效地传递信息。)

— Vitaly Friedman

大数据时代已经来临,但数据本身是枯燥的、乏味的,如果不能进行可视化,人们很难发现它的价值,也不利于媒体进行传播。

关键词:代码+设计

下面来看两个来自BI的案例。

下图用不同颜色的四条曲线代表四家无线网络服务供应商,横轴标注时间,纵轴标注用户付费增长额,从中可以直观看出四家供应商的对比关系和各自的趋势变化。

BI与数据可视化-数据分析网虽然图形非常简单,但每条曲线的每一个拐点都包含数据信息。为了得到这张图,我们至少需要考虑这几个步骤:①设定信息框架和布局;②把数据整理成可以被分类调用的数组;②制定一个或几个函数,使每个具体数据在框架内获得一个位置信息;③在对应位置绘制图形并设置参数对图形进行美化;④添加标签、图例辅助阅读。

我们知道常用的办公软件就可以方便地做出数据图表,但如果数据变得复杂或者当我们对图形的美观性提出要求时,我们就不得不借助更加专业化的工具了。

下面这张图是一种很常见的可视化类型:呈现地理位置信息。如何在一张地图上标注地理位置呢?

BI与数据可视化-数据分析网首先我们必须要获得某个地理空间的相关信息(比如经纬度),这种信息通常采用GeoJSON格式的文件存储,GeoJSON文件来源于JSON(JavaScript Object Notation) ——一种轻量级的数据交换格式,即 JavaScript 对象标记法。下载这些文件,然后用你的可视化工具或者自己编写的代码调用它们就可以了。

神器:JavaScript图形库

为了更深入地理解数据可视化, 学习JavaScript是绕不开的一条路。

像MATLAB和Mathematica、Maple这样的软件虽然可以处理大规模数据信息,但因为它们主要是为数学计算而非图形设计服务的,所以更多地被应用于数学领域。了解网页制作的同学都知道,JavaScript作为一种被大多数浏览器支持的脚本语言,配合DOM和SVG就可以绘制出丰富的矢量图形,并给它们加上动态效果。

随着数据可视化的流行,世界各地的开发者开发出许多简单易用的函数,用来简化 JavaScript 操作数据的难度。他们将生成可视化的复杂步骤精简到几个简单的函数,只需要输入几个简单的数据,就能够转换为各种绚丽的图形。

在开源代码库 Github 上最受关注的前10个仓库中,有7个是基于 JavaScript 开发的,数不胜数的函数库可适应于各种需求。在可视化图形库方面,最受关注的有下面这些:

D3.js Processing.js EaselJS ECharts Three.js

D3.js 和 Three.js 是最受欢迎的两个。D3的全称是(Data-Driven Documents),即:一个被数据驱动的文档,官方网站是http://d3js.org/,里面有丰富的案例供大家参考和借用。

BI与数据可视化-数据分析网在HTML文件中直接添加下面的标签就可以开启你的D3之旅了。

 <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>

至于其他几个,Three.js 是用于制作三维图形的库。Processing.js与EaselJS 与前两个相差较多。而ECharts是百度开发的可视化库,被称为国人的骄傲,同样推荐大家学习。

商业价值:另一个“BI”

上文中的“BI”是Business Insider的缩写,然而通常人们说起“BI”的时候,指的是Business Intelligence,即商业智能。商业智能包括数据仓库、查询报表、数据分析、数据挖掘、数据备份和恢复等内容,目的是帮助企业进行决策。它是数据可视化在商业领域的一种应用。

市面上流行的等商业智能软件如:tableau、Qlik、魔镜等,将数据运算与美观的图表进行嫁接,操作简单,转眼间就能创建好各种图表。其中,Tableau被美国高德纳咨询公司评为世界上发展速度最快的商业智能公司。2013年5月18日,Tableau在美国纽约股市上挂牌交易,市值达到20亿美元。

BI与数据可视化-数据分析网从中,我们可以看出数据可视化的巨大潜力。

数据可以有多美?

下面分享几个应用了数据可视化技术的经典网站,其图形绚丽无比,赏心悦目,并且有良好的交互体验。

The Internet map

BI与数据可视化-数据分析网网址: http://internet-map.net/

全世界各大网站的可视化。网站都用圆形表示,圆的大小表示网站的访问量。中国是黄色,美国是蓝色,日本是紫色,欧洲是红色。

2. Cybermap

BI与数据可视化-数据分析网网址: http://cybermap.kaspersky.com/

由卡巴斯基制作的 Cybermap,能实时展现现在世界上有多少起服务器攻击事件。地球上纵横交错的蓝色、绿色、红色线条表示服务器攻击事件。

3. Tweetping

BI与数据可视化-数据分析网网址: http://tweetping.net/

世界上使用Twitter的规模分布。

4.earth wind map

BI与数据可视化-数据分析网网址: http://earth.nullschool.net/

世界各地的风速、风向的可视化地图。根据美国国家气象局的气象数据制作。

作者:李璋

参考资料

[1] http://www.ourd3js.com/wordpress/?p=2209

[2] http://d3js.org/

[3] http://liginc.co.jp/web/service/other-service/90986

[4] データ可視化「実践」入門,森藤大地,あんちべ,2014

[5] http://www.tableau.com

[6] 数据新闻网http://djchina.org/

来源:狐说

banner
看过还想看
可能还想看
热点推荐

永洪BI
更敏捷、更快速、更强大

申请试用
Copyright © 2012-2024开发者:北京永洪商智科技有限公司版本:V10.1
京ICP备12050607号-1京公网安备110110802011451号 隐私政策应用权限