说明
【跟月影学可视化】学习笔记。
可视化场景主体需求
可视化常用工具集
基本图形
- Snap.svg:The JavaScript SVG library for the modern web
- 2D 渲染引擎:Fabric.js、Pixi.js
- 2D/3D 引擎:SpriteJS、P5.js
- 3D 引擎:ThreeJS、Babylon.js
基础图表
图表库:ECharts、Chart.js、Highcharts、AntV G2
使用 SpriteJS 作为底层图形库,可以使用:QCharts
移动端设备渲染图表:AntV F2
绘制更加灵活的图表,可以选择数据驱动框架:D3.js
Vega:基于 JSON 规范的可视化语法,以声明式的方式来绘制各种图表。(可视化语法规范的思路有很大的借鉴意义)
关系图和流程图
- Mermaid.js:量级更轻
- Sigma.js、AntV G6:功能更丰富
- Dagre:绘制流程图的底层库,主要是用来计算图的元素布局,使用它再结合图形库,可以实现一个绘制流程图的图可视化库。
地理信息可视化
三维模型和数字孪生
可视化工具集思维导图