什么是Web可视化,它能做什么?

首先我们说说Web可视化是什么

Web前端与Web可视化,他们之间在我看来是包含于被包含的关系,只是平时大多数前端很少接触到可视化领域这一块,而这一块的知识跟平时开发用到的技术栈等又有很大出入,而单独拎出来这一领域。

那么什么是可视化呢:数据可视化(Data Visualization)是将数据组织成易于为人所理解和认知的结构,然后用图形的方式形象地呈现出来的理论、方法和技术。Web可视化即用Web技术实现上述功能的技术

下边我们来看看他们之间的关系

通常意义Web前端主要是利用JavaScript与Html、Css打交道,Web可视化主要是用JavaScript去操作Canvas、Svg、WebGL。当然不是说操作Css就不是可视化,利用Html与Css的一些特性同样能做到一些效果,如柱状图等,它当然也属于可视化领域。在此我们这样区分,是为突出可视化领域重点的技术知识在哪,很多效果是必须用这些技术去实现的。

下边是Web可视化的一些常用知识、工具

建议可以去看看这些库或框架的官网,看看他们具体是做什么、能实现什么,或许能勾起对可视化的憧憬:

GIS地图库:MapboxLeafletDeck.glCesiumJS

通用的渲染库:ThreeJsSpriteJsD3Js

图标库:EChartsHighCharts

动画库:Lottie

其次我们看看它能做什么

今年疫情我们经常看到的,疫情信息展示图

淘宝双十一会展示各地交易信息

当然还要诸如手机上的H5、住房App上的三维看房等等都是可视化的用武之地。

相关博文