• d3.js
  • three.js
  • echarts.js
  • datav.js
  • bizcharts.js

可视化数据大屏
各种平台的年度账单

什么是数据可视化

数据视觉表现形式
数据可视化与数据和视觉直观展现
将数据组织成易于为人所理解和认知的结构,然后用图形的方式形象地呈现出来的理论、方法和技术

数据可视化发展历史

计算机图形学 Computer Graphics,简称CG
是一种使用数学算法,将二维或三维图形转化为,计算机显示器的栅格形式的科学
零基础如何学习计算机图形学?https://www.zhihu.com/question/41468803

  • excel
  • axure
  • 绘图领域发展,如浏览器游戏、3D 绘图、绘图工具等

简单应用

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

复杂应用

image.png

数据可视化应用前景

数据报表

  1. 常用报表,样式定制,自定义渲染
  2. vue-echarts - v-charts + echart5
  3. 地图可视化,散点图

antd pro数据报表 https://preview.pro.ant.design/dashboard/analysis
image.png

数据大屏

  1. svg动画组件
  2. 飞线动画,3d地图
  3. 大屏容器组件

image.pngimage.png

移动报表

  1. px2rem
  2. 移动报表+地图
  3. 地图可视化
    1. 空间,绘图,动画
    2. 散点,飞线,混合动画,3d建筑