@explorables/cycledelic
v1.1.4
Published
The explorable illustrates dynamic pattern formation and spiral waves in a cyclic reaction-diffusion system. In the model three species prey on each other in a cyclic way, A eating B, B eating C, and C eating A.
Downloads
27
Maintainers
Readme
Cycledelic
This explorable illustrates the dynamics of the spatial rock-paper-scissors game. In the model three species interact in a cyclic way, species A inhibiting B, B inhibiting C, and C inhibiting A.
The explorable is part of the Complexity Exporables Collection. For more information about the system and its behavior consult the explorable
Installation & Use
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/cycledelic"></script>
</head>
<body class="avenir pa3 pa5-ns tj">
<div id="explorable_container"></div>
</body>
<script type="text/javascript">
cycledelic.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 cycledelic.load()
gets executed at the bottom. The load
function needs the <div>
container id
as an argument.
Installing the whole package locally
Clone repository:
git clone https://github.com/dirkbrockmann/cycledelic.git
Go to the directory, install, build and show using npm
:
cd cycledelic
npm install
npm run build
npm run show
License
This work is licensed under a Creative Commons Attribution 4.0 International License.