zoukankan      html  css  js  c++  java
  • 580 数据可视化应用场景,数据可视化前端技术选型





    数据可视化应用场景

    什么是数据可视化?

    基本概念

    ::: tip
    数据可视化,是关于数据视觉表现形式的科学技术研究
    :::

    这个概念向我们传达了两个信息:

    • 数据可视化是一门学科
    • 数据可视化与数据和视觉有关

    数据可视化简单理解,就是将数据转换成易于人员辨识和理解的视觉表现形式,如各种 2D 图表、3D 图表、地图、矢量图等等,随着技术的不断进步,数据可视化的边界也在不断扩大

    数据可视化的发展历史

    起源

    数据可视化起源于 20 世纪 60 年代诞生的计算机图形学

    ::: tip
    计算机图形学(Computer Graphics,简称CG)是一种使用数学算法将二维或三维图形转化为计算机显示器的栅格形式的科学
    :::

    计算机图形学广泛应用于各个领域,深刻影响和改变着我们的生活。

    计算机图形学应用领域

    如果你想学习计算机图形学,可以从这里入门

    数据可视化

    在获得计算机图形学发展后,先后经历了科学可视化、信息可视化和数据可视化三个阶段,最初由科研人员提出科学建模和数据的可视化需求,在进入 20 世纪 90 年代后,出现大量单机数据可视化需求,EXCEL 是这个时期的代表,互联网时代各种产品兴起,大数据爆发式增长,促使数据可视化技术飞速发展

    数据可视化应用场景

    简单应用

    特点

    • 单机离线
    • 数据量小、维度少

    典型应用

    • Excel
      excel
    • XMind
      xmind
    • Visio
      visio
    • OminiGraffle
      omini

    复杂应用

    特征

    • 互联网应用
    • 数据量大,维度多

    典型应用

    • 数据大屏

    screen

    • 数据报表

    report

    • 地图

    map

    数据可视化发展前景

    发展趋势

    • 逐步成为前端工程师的标准技能
    • 具备可大大增长自身的竞争力
    • 未来具有广阔的发展前景
      • 数据可视化产品化或服务化,类似阿里云 datav、腾讯 云图
      • 往其他绘图领域发展,如浏览器游戏、3D 绘图、绘图工具等等

    岗位需求

    让我们通过一组招聘信息来看看具备了数据可视化技能有多受欢迎

    • 小米数据可视化岗位

    可视化岗位1

    • 京东高薪前端岗位加分项

    可视化岗位2

    • VIPKIDS高薪前端岗位加分项

    可视化岗位2


    数据可视化前端技术选型

    数据可视化解决方案

    前端数据可视化解决方案如下:

    可视化解决方案

    Highcharts、Echarts、Antv:实际开发中最常用的,熟练掌握即可满足一般的工作,但是如果要更深入了解绘图的原理,那么canvas、svg、webgl是必须掌握的。

    three.js: 做3d绘图

    zrender:对canvas做了底层封装,也是Echarts的底层框架

    d3:用来做矢量图的绘制


    Skia

    Skia 是 Chrome 和 Android 的底层 2D 绘图引擎,具体可参考百度百科,Skia 采用 C++ 编程,由于它位于浏览器的更底层,所以我们平常接触较少

    对底层绘图感兴趣的同学可以从这个案例入手,了解一下 C++ 的可视化编程。

    OpenGL

    OpenGL(Open Graphics Library)是2D、3D图形渲染库,它可以绘制从简单的2D图形到复杂的3D景象。OpenGL 常用于 CAD、VR、数据可视化和游戏等众多领域。

    Chrome

    Chrome 使用 Skia 作为绘图引擎,向上层开放了 canvas、svg、WebGL、HTML 等绘图能力。

  • 相关阅读:
    learning scala view collection
    scala
    learning scala dependency injection
    learning scala implicit class
    learning scala type alise
    learning scala PartialFunction
    learning scala Function Recursive Tail Call
    learning scala Function Composition andThen
    System.Threading.Interlocked.CompareChange使用
    System.Threading.Monitor的使用
  • 原文地址:https://www.cnblogs.com/jianjie/p/14314993.html
Copyright © 2011-2022 走看看