@explorables/cycledelic

1.1.4 • Public • Published

Cycledelic

CC BY 4.0

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

"Cycledelic" - The spatial rock-paper-scissors game

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:

  1. cd cycledelic
  2. npm install
  3. npm run build
  4. npm run show

License

This work is licensed under a Creative Commons Attribution 4.0 International License.

CC BY 4.0

Package Sidebar

Install

npm i @explorables/cycledelic

Weekly Downloads

2

Version

1.1.4

License

CC-BY-4.0

Unpacked Size

216 kB

Total Files

21

Last publish

Collaborators

  • dirkbrockmann