Virtual reality representation of a force-directed iterative layout, using 3d-force-graph-vr. This component uses A-Frame for VR rendering and either d3-force-3d or ngraph for the layout physics engine.
Cycle through various topological data sets using the button on the top-right. Click the icon on the bottom-right to enter VR mode.
Simulate flying-style movement through the layout using a gamepad controller or the arrow/wasd keys on a physical keyboard.
See also the WebGL version.
forked from vasturiano's block: VR Force-Directed Graph
xxxxxxxxxx<head> <script src="//unpkg.com/3d-force-graph-vr@1"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/qwest/4.4.5/qwest.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/papaparse/4.1.4/papaparse.min.js"></script> <script src="data-set-loader.js"></script> <link rel="stylesheet" href="style.css"></head><body> <div class="graph-data"> <span id="graph-data-description"></span> <button class="toggle-data-btn" onClick="toggleData()">Show me something else</button> </div> <div id="3d-graph"></div> <script src="index.js"></script></body> Updated missing url //cdnjs.cloudflare.com/ajax/libs/PapaParse/4.1.4/papaparse.min.js to //cdnjs.cloudflare.com/ajax/libs/papaparse/4.1.4/papaparse.min.js
https://unpkg.com/3d-force-graph-vr@1
https://cdnjs.cloudflare.com/ajax/libs/qwest/4.4.5/qwest.min.js
https://cdnjs.cloudflare.com/ajax/libs/PapaParse/4.1.4/papaparse.min.js