可视化框架
数据图表
| 框架 | 特点 | ⭐ |
|---|---|---|
| ECharts | Echarts，最流行的图表库 |     |
| ApexCharts.js | 流行的交互式图表框架 |     |
| D3.js | 强大但底层的图形工具 |     |
| Observable Plot | 基于 D3.js，功能多，比较复杂 |     |
| Vega-Lite | 风格扁平的图表 |     |
| Highcharts | 商用需付费 |     |
| Plotly | 基于 D3.js 和 stack.gl，历史久且功能全面的图表库，支持基于 WebGL 的各种 3D 图表 |     |
| Chart.js | 最流行的简单图表库，提供几个常见的图表接口 |     |
| kepler.gl | 开源地理空间分析工具，适用于大规模数据集 |     |
| Leafer UI | 国产 UI 绘图框架，基于 Canvas，可灵活定制 |     |
渲染引擎
| 框架 | 特点 | ⭐ |
|---|---|---|
| Babylon.js | 3D 游戏引擎，基于 WebGL 和 WebGPU，支持 TypeScript，适用于构建 3D 游戏和应用程序 |     |
| Three.js | 3D 渲染引擎，基于 WebGL，支持 TypeScript，适用于构建 3D 应用程序和动画效果 |     |
| PixiJS | 2D 渲染引擎，基于 WebGL 和 Canvas，支持 TypeScript，适用于构建 2D 游戏和应用程序 |     |
动画库
| 框架 | 特点 | ⭐ |
|---|---|---|
| GSAP | 流行的优秀动画库，注意并非完全免费 |     |
| Anime.js | 流行的 JavaScript 动画引擎 |     |
| Motion | 混合引擎的动画库，功能全面 |     |
| Motion for Vue | Motion 的 Vue 库 |     |
| VueUse Motion | VueUse 支持的 Motion 动画库 |     |
| Theatre.js | 同时使用编辑器和代码创建动画 |     |
| Mojs | 用于 Web 的动画库 |     |
| Lottie | 渲染 JSON 表示的任何动画，支持各种平台 |     |
| ScrollReveal | 当元素滚动到视图中时对其进行动画处理 |     |
| barba.js | 在网站页面之间创建流畅、流畅的过渡 |     |
| Typed.js | 打字动画库 |     |
| ScrollMagic | 魔术滚动交互 |     |
| Proton | 粒子动画引擎 |     |
| RELLAX | 轻量级原生 JS 视差库 |     |
AntV 生态
| 框架 | 特点 | ⭐ |
|---|---|---|
| G 可视化渲染引擎 | 为上层提供稳定一致的渲染和通用计算能力 |     |
| G2 可视化语法 | 图可视化引擎 |     |
| G6 图可视化引擎 | 图可视化引擎 |     |
| Graphin 图的分析洞察 | 是一个基于 G6 封装的 React 组件库，专注在关系可视分析领域 |     |
| F2 移动端可视化引擎 | 专注于移动端的可视化引擎，对应原生端 F2Native |     |
| G2Plot 开箱即用的图表库 | 最著名的图标库 |     |
| S2 多维交叉分析表格 | 专注于多维表格 |     |
| AVA 可视化分析 | 可视化分析框架，自定义分析流程 |     |
| L7 蚂蚁地理空间数据可视化 | 地理数据可视化引擎，包含即用图表库 L7Plot |     |
| X6 图编辑引擎 | 图编辑引擎 |     |
| Ant Design Charts | AntV React 可视化组件库 |     |
| ChartCube 图表魔方 | 在线图表制作工具 | 商业闭源 |
AntV 的图表库选型说明：
- 以 字母+数字 命名的可视化框架是引擎类型的，适用于各种平台但更加底层
- 基于 上述名称+特定场景 命名的是适用于指定平台（如 Vue/React）或特定业务场景的，更加接近业务层次