企业🤖AI Agent构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
[TOC] # D3.js https://d3js.org # echarts https://www.echartsjs.com/zh/index.html # highcharts www.highcharts.com.cn # P5 # babylonjs https://www.babylonjs.com # AntV https://antv.vision/zh 蚂蚁数据可视化 # ProcessingJS http://processingjs.org/ # billboard.js # vis.js 开源动态可视化拓扑工具库 官网地址: https://visjs.org/ # WebXR 设备 接口参考 [https://developer.mozilla.org/zh-CN/docs/Web/API/WebXR\_Device\_API](https://developer.mozilla.org/zh-CN/docs/Web/API/WebXR_Device_API) # JavaScript增强现实(AR)和虚拟现实(VR)框架 ## React 360 2017年,Facebook和Oculus共同推出了React VR,后者于去年改编并重新命名为React 360。这个改进的版本简化了3D空间中的UI布局,并且比React VR更快。React 360构建于我们之前讨论过的React之上,是一个JavaScript库,使开发人员能够创建3D和VR界面。它允许Web开发人员使用熟悉的工具和概念在Web上创建沉浸式360体验。 使用React 360构建的应用程序由两部分组成,即在你的React应用程序和运行时,这两部分将您的组件转换为屏幕上的3D元素。这种“角色划分”概念类似于React Native。由于Web浏览器是单线程的,因此应用程序代码与呈现代码分离,以避免应用程序中出现任何阻止行为。通过在单独的上下文中运行应用程序代码,呈现循环可以以高帧速率持续更新。 ## AR.js AR.js由Jerome Etienne于2017年开发,旨在在网络上有效地实施增强现实。它目前提供60fps的效率,这对于基于Web的开源解决方案来说并不坏。该图书馆受到了诸如three.js,ARToolKit 5,emscripten和Chromium等项目的启发。 AR.js需要WebGL,一种用于HTML5 Canvas元素的3D图形API,以及WebRTC,一组浏览器API和协议,允许在Web浏览器和本机应用程序中实现音频,视频和数据的实时通信。利用ARToolKit和A-Frame中的功能, AR.js使得用于Web的AR的开发成为一个简单的过程,可以由新手编码器实现。 # 文章 [Using D3 JS with React JS](http://blog.bigbinary.com/2016/02/04/using-d3-js-with-react-js.html)