D3 Examples - Force Beeswarm

xxxxxxxxxx
 
<head>
    <style>body { margin: 0; }</style>
​
    <script src="//cdnjs.cloudflare.com/ajax/libs/dat-gui/0.6.5/dat.gui.js"></script>
    <script src="//unpkg.com/d3-force-pod"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/d3/4.10.2/d3.min.js"></script>
</head>
​
<body>
    <script>
        const f = d3.forceManyBody().strength(0);
​
        d3ForcePod()(document.body)
            .nodeColor('midnightblue')
            .genNodes({
                density: 2e-4,
                radiusRange: [6, 6],
                velocityRange: [0, 0]
            })
            .addForce(f);
​
        // Controls
        const controls = { strength: 0 };
        const gui = new dat.GUI();
        gui.add(controls, 'strength').min(-1).max(1).step(0.01).onChange(s =>f.strength(s));
    </script>
</body>
    