[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)