数据可视化

# 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/

#可视化

上次更新: 2024/01/30, 00:35:17

← 开源插件站点收藏→