Three

• three.js (opens new window)：该项目的目的是创建一个易于使用、轻量级、跨浏览器的通用 3D 库。
• Physijs (opens new window)：Three.js 的物理插件，只需五个简单的步骤 (opens new window)就可以让 3D 场景栩栩如生。
• stats.js (opens new window)：渲染性能性能监控器，查看 Threejs 渲染帧率 FPS
• dat.gui (opens new window)：轻量 UI 交互库
• tween.js (opens new window)：借助 tween.js 快速创建补间动画
• ThreeBSP (opens new window)：模型布尔运算
• vis-three (opens new window)：three.js 库二次功能封装 + 配置化的 three.js 开发。

D3

• D3.js (opens new window)：一个基于数据操作文档的可视化 JavaScript 库。

Echarts

• Echarts (opens new window)：ECharts 是一个功能强大的交互式图表和数据可视化浏览器库
• awesome-echarts (opens new window)：令人惊叹的Apache ECharts列表

AntV

• AntV (opens new window)：蚂蚁集团全新一代数据可视化解决方案

地理可视化

• deck.gl (opens new window)：deck.gl 是Uber开源的基于WebGL的地理大数据可视化框架。
• inmap (opens new window) - 地理可视化
• mapv (opens new window) - 地理信息可视化库
• leaflet-viz (opens new window) - leaflet 可视化平台
• Mapbox GL JS (opens new window) - 目前最新潮的前端地图库，它的矢量压缩、动态样式和三维性能令人印象深刻。它本身是开源的，但一般依赖于Mapbox公司提供的底图服务。
• OpenLayers (opens new window) - OpenLayers 是一个高性能、功能丰富的库，用于在 Web 上创建交互式地图。相比于Leaflet更加复杂和完备。
  • 示例地址：https://viglino.github.io/
  • 教程：http://www.mark-to-win.com/tutorial/175093.html
  • Openlayers 中贝塞尔曲线的绘制：https://www.jianshu.com/p/310c3066f9b7
  • OpenLayers 6 实现带有 4 个控制点的三阶贝塞尔曲线：https://blog.csdn.net/weixin_44519342/article/details/124280146
  • Openlayers 平滑曲线：https://www.pudn.com/news/62505b826caf596192ff1de0.html#_222
  • openlayers 绘制动态迁徙线、曲线：https://blog.csdn.net/q1025387665a/article/details/125429434
  • leafLet 入门教程兼 leafLet API 中文文档参考：https://blog.csdn.net/qq_36595013/article/details/83144874
  • OpenLayers 3 使用的入门教程：http://linwei.xyz/ol3-primer/index.html
  • 基于 OPENLAYER 的迁徙案例：https://www.freesion.com/article/5293292181/
  • 地图切换：http://www.javashuo.com/article/p-tngvmnul-nt.html
• cesium (opens new window)：世界级3D地球仪和地图的开源JavaScript库。在大尺度的可视化（地形、建筑、地球）中十分常用。
• geoserver (opens new window)：GeoServer本质上是一个地图服务器，它是遵循OpenGIS Web 服务器规范的J2EE实现，通过它可以方便的将地图数据发布为地图服务，实现地理空间数据在用户之间的共享。另外，它也提供了相应的接口以允许用户对地理空间数据进行插入、更新、删除等操作。

可视化Js库

• luma.gl (opens new window)：用于基于 WebGL 的数据可视化的高性能工具包。
• gsap.js (opens new window)：可以轻松实现高级效果，例如滚动、变形、沿运动路径制作动画或翻转动画。
• pixi.js (opens new window)：PixiJS 是一个基于 Web 的开源渲染系统，可为游戏、数据可视化和其他图形密集型项目提供极快的性能。
• fabric.js (opens new window)：Fabric.js 为 Canvas 提供所缺少的对象模型、 svg 解析器、用户交互和一整套其他不可或缺的工具。
• konva.js (opens new window)：Konva 是一个HTML5 Canvas JavaScript 框架,它通过对 2d context 的扩展实现了在桌面端和移动端的可交互性。

可视化项目

• front-end-data-visualization： - 前端数据可视化 demo。 项目使用了 vue3，由 vite 构建。 可视化方面的库：原生三件套（HTML+CSS+JS）、ECharts、百度地图、OpenLayers、ThreeJs、FabricJS
• datav (opens new window)：- 一款数据可视化应用搭建工具
• iDataV (opens new window) - 大屏数据可视化大屏模板
• bigdata-examples (opens new window) - 数据可视化，大屏模板示例
• ChartFun (opens new window) - 数据大屏可视化编辑器
• visual-drag-demo (opens new window) - 一个低代码（可视化拖拽）教学项目
• GitDataV (opens new window) - 基于 Vue 框架构建的 github 数据可视化平台
• vudio.js (opens new window) - 音频可视化展示模块
• threejs-example (opens new window) - threejs 3D 可视化教程
• Music-Visualization (opens new window) - 音乐可视化
• AudioPlayer (opens new window) - 音频可视化
• Visualization-Page (opens new window) - vue 可视化页面拖拽编辑 small demo
• vue-next-drag (opens new window) - vue3 可视化拖拽 demo
• X-Flowchart-Vue (opens new window) - 基于 G6 和 Vue 的可视化图形编辑器
• vue-big-screen (opens new window) - 一个基于 Vue、Datav、Echart 框架的 " 数据大屏项目 "，通过 Vue 组件实现数据动态刷新渲染，内部图表可实现自由替换。

3D纹理资源链接

• 3D 渲染的纹理：https://www.poliigon.com/
• 3D 纹理：https://3dtextures.me/
• 物理的渲染的公共领域资源：https://ambientcg.com/
• 纹理浏览器：https://www.arroway-textures.ch/