This explorable illustrates is an evolution of the explorable of Professor Dirk Brockmann (https://github.com/dirkbrockmann/swarmalators) and shows in a 3D manner collective behavior of phase coupled oscillators that synchronize and swarm at the same time. Both the rules of collective motion and synchronization are entangled in this model and yield beautiful, magical patterns.
The explorable is part of the Complexity Exporables Collection. For more information about the system and its behavior consult the explorable
Out of the box you can use the explorable in a basic index.html
file like this
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<script src="https://cdn.jsdelivr.net/npm/@explorables/swarmalators"></script>
</head>
<body class="avenir pa3 pa5-ns tj">
<div id="explorable_container"></div>
</body>
<script type="text/javascript">
swarmalators.load("explorable_container")
</script>
</html>
The header <script>
tag loads the bundle, the <div>
in the document is the container in which the explorable gets anchored when the function swarmalators.load()
gets executed at the bottom. The load
function needs the <div>
container id
as an argument.
An example is provided in the file example.svg
Clone repository:
git clone https://github.com/SebastianoMorson/Swarmsim-3d
Go to the directory, install, build and show using npm
:
cd swarmalators
npm install
npm run build
npm run show
This work is licensed under a Creative Commons Attribution 4.0 International License.