数据可视化之总结

之前三周分别针对Berkeley EarthAQICNEarth Nullschool三个网站的前端技术做了总结,分别简称为BAE,今天我们抛开技术,和大家聊两点:

  • 三个网站的对比
  • 数据可视化的认识

三个网站的对比


如果做一个比喻,我的感觉是B像一个事业有成的中年,A像一个充满活力的青年,而E则是一位不拘一格的艺术家。如下是三个网站在中国区域的AQI可视化效果,看到这个对比图后,你的第一印象是什么?中间京东618广告?听的我一口血吐到屏幕上。

首先,Berkeley有大量的原始数据,对数据管理上有很高的要求,比如历史数据的对比,同时采用netcdf的数据存储形式,供用户下载。作为一个科研机构,他的重心是研究,可视化上更侧重反映数据的统计和分析,比如全球气温,中国的污染等,因此,基于数据的自身需求两方面,更侧重服务端开发,对前端要求很小,所以,B站很适合当作数据服务提供者。

其次,从AQICN投放广告的行为,不难理解,这是一个应用为主的网站,本身并不侧重于数据的维护,而侧重于给用户展现实时实用的数据,我们很容易从A站找到当前的气温,AQI等数据,48小时内的情况,未来两周的趋势等,但数据在时间维度上仅支持较短区间。本质上来看,数据管理并不是自己的分内事,如何将这么多种类,杂乱的数据,以一种规范,高效,安全的方式传输,是他的核心,所以代码的更大一部分是在数据的请求,解析,而在前端展现上,风格就是四个字:简单易用。这和B站有很鲜明的对比,前者数据单一,但专业性很强,比如近60多年的全球气温,最近半年每天的PM数据,而后者数据类型应有尽有,但更大众化,比如多数用户不关心去年今天的气温,但想知道明天的天气预报。

最后是我最欣赏的E站,很好的可视化效果,同时也没有丧失实用性。不知道我了解的是否真实:作者是一位跳伞爱好者,同时也是微软的一名开发人员,每次跳伞都要了解当前的天气,特别是风,正是基于自己的这个需求,同时也有开发能力,所以搭建了这个网站,来方便全球跳伞爱好者,逐步扩展和丰富。这里有不少出彩点:统一的传输格式epak,数据解析和传输上都有较好的保证;合理使用D3等第三方库,代码很轻;在实用和可视化效果上都很出色,技术和艺术上都很棒。说了这么多,无非是想告诉广大女性,如果有幸认识了一位优秀的程序员,这是上天赐予你的机会,千万不要错过。当然,这里的重点是优秀这一稀缺性。

数据可视化

既然是数据可视化,数据则是其中的核心,BAE三个网站,同一类型的数据,以自己不同的理解和定位,各自找到了其稀缺性。好的可视化是一种表达数据的方式,能够帮助你发现那些盲点。所以,当我们面对问题时,不要急于解决问题,而是要抓住问题的本质。

数据可视化是一个很大的范畴,如上是FlowingData网站的一个简单分类,把一份数据从处理,统计,传输到最后的设计,渲染,这是一个很长的环节,技术上可以只攻克其中一个,但真的做事情,则要把这条线贯通。

目前可视化的工具和库也很多,比如D3,Echart等,也有很多开放的数据,都是值得我们研究和学习的对象,一份数据,可以多个维度的展现其不一样的价值。如下图,是最近十年的全球气温变化,以地球为载体体现气温变化,以统计图现实具体的数据变化,同时辅以时间轴和播放速度,丰富交互体验。

喜欢如上范例的,在公众号中回复“planet”,获取示例代码

另外,如果在数据的前面加上一个大,就变得更有意思了,如何保证数据传输和解析性能,如何实现大数据的渲染,传统的json已经无法胜任,相比而言,arraybuffer和webgl是大数据下Web传输和渲染的必然趋势。如下,左侧是WebGL渲染,右侧是Canvas2D方式,仔细看绿色区域的过渡效果,前者平滑,后者略有跳帧,留给大家一个问题,你觉得跳帧最可能的原因是什么?自认为这是一个好问题,因为Canvas2D是可以做到平滑的,只是...要清楚为什么。

我并没有在数据可视化方面有过多的学习和研究,如果对这方面有兴趣,想要深造,推荐这个网站(flowingdata.com)和它推荐的书。所谓的创新,不是凭空的想象,而是日积月累的知识,不经意的碰撞所迸发出的火花。我们不能预测某个引爆点,但唯有不断充实自我,方能为这个奇点的到来做好准备。

If there is a light, don‘t let it go out. 有生之年一定要去一次的演唱会

时间: 2024-08-06 20:02:15

数据可视化之总结的相关文章

地理数据可视化:Simple,Not Easy

如果要给2015年的地理信息行业打一个标签,地理大数据一定是其中之一.在信息技术飞速发展的今天,“大数据”作为一种潮流铺天盖地的席卷了各行各业,从央视的春运迁徙图到旅游热点预测,从大数据工程师奇货可居到马云布道“DT”时代,“大数据”被推到了一个前所未有的高度,连国家领导人出访演讲都言必称大数据.地理信息数据天生具有大数据属性,作为整天和地理信息数据打交道的地信人自然不甘落后,地理大数据概念脱颖而出. 地理大数据是什么?大体来说就是把社会经济.自然资源.商业信息等但凡具有一点空间维度的数据一股脑

数据可视化-gojs插件使用技巧总结

随着云计算时代的到来,由于Web技术的快速革新以及为了提供高质量的用户体验,数据可视化成为了前端技术发展的一大方向.为了解决这个问题,现如今涌现了很多优秀的第三方的javascript图形库,比如highcharts.js,echarts.js,d3.js,go.js- 数据可视化javascript插件对比 在HTML5标准支持下,web实现图形标准主要分为canvas和svg,上述的javascript图形库都是依赖2者之一作为底层库.Canvas基于像素,提供2D绘制函数,是一种HTML标

蒋步星:数据可视化技术的误区

所谓数据可视化是指把数据以图形动画以及地图等形式呈现出来,这样即直观又美观,易于理解从而看出数据背后的问题. 要做好数据可视化,需要两方面的能力.一是"艺术"能力,即知道什么样的数据用什么形式去表现最合适,该用柱图时不能用饼图,颜色搭配也要合理,另一个是"技术"能力,设计好的呈现方案还要能真地做出来,并且要把成本控制在可接受范围内.这里我们不深入讨论"艺术"问题,来看看考察和选择可视化技术中的一些常见误区. 误区|考察报表,挑可视化技术最好? 报

数据可视化工具

随着大数据的崛起,数据分析变得越来越重要,数据可视化工具能更直观地展示数据之间的联系和变化,是数据分析中不可或缺的工具. 1. iCharts iCharts是一个在线的数据可视化工具,被广泛应用于商业.经济.体育等领域的报告中.iCharts免费版本提供了一些基本的交互式图表样式,如果更使用高级的样式,则需要购买高级版本. 2. Fusion Charts Suit XT Fusion Charts Suit XT是一个专业的JavaScript图表库,可以用来创建90多种类型的图表,包括2D

ECharts, PHP, MySQL, Ajax, JQuery 实现前后端数据可视化

ECharts 下载js代码 工作原理浅析 在项目中引入ECharts 后台处理 数据库端MySQL PHP端 JQuery Ajax处理 ECharts 端处理 前端全部代码 演示结果 总结 最近要将后台数据库上的一些数据以可视化的方法显示到前端,找来找去,发现百度开发的这套图表工具库还不错,网上搜索了一下相关的教程,也算是实现了较为简单的demo.于是写下来,记录一下. ECharts ECharts是国人开发的一套前端的图表工具库,使用起来超方便,也很简单(当然了,前提是理解了其工作原理之

企业如何开展数据可视化建设

有关数据,我们知道,不加以处理运用就会沉淀在系统中,很难成为信息.信息如果得不到利用,就不能成为资源. 在市场竞争激烈.变数不定的大环境下,越来越多的企业意识到信息资源的重要性.信息,无论是来自企业内部还是市场外部,都能帮助企业在现有资源上提高运营效率,分析挖掘辅助决策的策略,做出符合行情的战略规划. 关于企业的数据可视化建设,这里分享一个大连华锐重工的案例,原文是大连华锐重工企业管理部副部长毕建林在帆软大数据可视化分析案例巡展上的演讲. 系统独立,数据利用率低 华锐重工从2001年进行信息化建

[原创.数据可视化系列之四]跨平台,多格式的等值线和等值面的生成

这些年做项目的时候,碰到等值面基本都是arcgis server来支撑的,通过构建GP服务,一般的都能满足做等值线和等值面的需求.可是突然有一天,我发现如果没有arcgis server 的话,我既然没法生成等值面等值线了.况且,还有许多别的要求: 没有arcgis server支持,arcgis server毕竟是很大一笔开销,个人基本无法负担: 跨平台,有的服务器是linux,有的是windows,看来,只能是java的类库了: 免费,生成等值线和等值面的程序不能有费用: 输出多种格式,既能

数据可视化的定义及使用注意

所谓数据可视化是对大型数据库或数据仓库中的数据的组态可视化,它是可视化技术在非空间数据领域的应用,使人们不再局限于通过关系数据表来观察和分析数据信息,还能以更直观的方式看到数据及其结构关系.数据可视化技术的基本思想是将数据库中每一个数据项作为单个图元元素表示,大量的数据集构成数据图像,同时将数据的各个属性值以多维数据的形式表示,可以从不同的维度观察数据,从而对数据进行更深入的观察和分析. 对同一类图形(例如柱状.圆环和蜘蛛图等)的长度.高度或面积加以区别,来清晰的表达不同指标对应的指标值之间的对

数据可视化简介

数据可视化参考流程 科学可视化的早期可视化流水线,描述了从数据空间到可视空间的映射,包含串行处理数据的各个阶段: 原始数据->数据分析->预处理数据->过滤->关注数据->映射->几何数据->绘制->图像数据 而后Card,Mackinlay,Shneiderman等人提出了信息可视化参考流程,后继几乎所有著名的信息科石化系统和工具都支持这个模型. 数据可视化设计的层次嵌套模型 第一层(问题刻画层):概括现实生活中用户遇到的问题: 第二层(抽象层):抽象相应

Scilab : 数据可视化

主要用 grayplot 福彩双色球开奖数据可视化: http://www.gdfc.org.cn/datas/history/twocolorball/history_1.html 001,03,09,15,20,27,29,01 002,04,21,23,31,32,33,04 003,06,10,11,28,30,33,12 ... cp.sce m=152;n=8; G= read('D:/scilab-5.3.3/exercise/cp2014.txt',m,n); grayplot(