D3 Examples - VR Hyperspace

xxxxxxxxxx
 
<head>
    <script src="//unpkg.com/3d-force-graph-vr@1"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/d3/4.11.0/d3.min.js"></script>
​
    <style>
        body {
            margin: 0;
            font-family: Sans-serif;
        }
    </style>
</head>
​
<body>
    <script>
        const NUM_NODES = 3000;
​
        const nodeScale = d3.scaleLinear().range([0.03, 0.06]);
        const nodes = d3.range(NUM_NODES).map(d => ({ id: d, val: nodeScale(Math.random())}));
​
        ForceGraphVR()
            .graphData({ nodes, links: [] })
            .warmupTicks(50)
            .cooldownTicks(0) // Don't animate-in, jump to final state
            (document.body);
    </script>
</body>
    