DIY force simulation using d3-force-pod.
forked from vasturiano's block: d3ForcePod sandbox
Last active
October 8, 2017 05:13
-
-
Save micahstubbs/2da7506d6309b9adc67e28889cf97284 to your computer and use it in GitHub Desktop.
d3ForcePod sandbox
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| license: mit |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <head> | |
| <style> body { margin: 0 } </style> | |
| <script src="//unpkg.com/d3-force-pod/dist/d3-force-pod.js"></script> | |
| <!-- Force plugins --> | |
| <script src="//d3js.org/d3.v4.min.js"></script> | |
| <script src="//unpkg.com/d3-bboxCollide"></script> | |
| <script src="//unpkg.com/d3-force-attract"></script> | |
| <script src="//unpkg.com/d3-force-bounce"></script> | |
| <script src="//unpkg.com/d3-force-cluster"></script> | |
| <script src="//unpkg.com/d3-force-container"></script> | |
| <script src="//unpkg.com/d3-force-magnetic"></script> | |
| <script src="//unpkg.com/d3-force-surface"></script> | |
| </head> | |
| <body> | |
| <script> | |
| const simulationPod = d3ForcePod()(document.body); | |
| /*********** EDIT ME **********/ | |
| simulationPod.genNodes({ | |
| density: 0.00025, // nodes/px | |
| radiusRange: [1, 8], // px | |
| yRange: [0, 0], // px | |
| velocityRange: [0, 1], // px/tick | |
| velocityAngleRange: [90, 90] // 0=right, 90=down | |
| }); | |
| simulationPod | |
| .addForce(d3.forceBounce().radius(d => d.r)) // bounce | |
| .addForce(d3.forceX().x(window.innerWidth/2).strength(0.002)); // vertical | |
| /******************************/ | |
| // d3ForcePod: https://github.com/vasturiano/d3-force-pod | |
| // Get inspired at https://github.com/vasturiano/d3-force-registry | |
| </script> | |
| </body> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment