This explorable illustrates the dynamics of a model for collective behavior in swarms, like flocks of birds, or schools of fish. In the model, a collection of agents move at constants speeds, try to avoid collisions, try to align their heading to the motion of neighbors and are attracted to the swarm.
The explorable is part of the Complexity Exporables Collection. For more information about the system and its behavior consult the explorable
“Flock'n Roll” - Collective Behavior - Schooling Fish & Flocking Birds
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/flockn_roll"></script>
</head>
<body class="avenir pa3 pa5-ns tj">
<div id="explorable_container"></div>
</body>
<script type="text/javascript">
flockn_roll.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 flockn_roll.load() gets executed at the bottom. The load function needs the <div> container id as an argument.
Clone repository:
git clone https://github.com/dirkbrockmann/flockn_roll.gitGo to the directory, install, build and show using npm:
cd flockn_rollnpm installnpm run buildnpm run show
This work is licensed under a Creative Commons Attribution 4.0 International License.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent