@explorables/kelp
v1.1.1
Published
This explorable illustrates a stockastic cellular automaton, a simple model that is able to generate fractal growth structures and a diverse set of patterns.
Downloads
5
Maintainers
Readme
Kelp!!
This explorable illustrates a stochastic, cellular automaton that generates fractal and self-similar structures.
The explorable is part of the Complexity Exporables Collection. For more information about the system and its behavior consult the explorable
“Kelp!!!” - A stochastic cellular automaton - A model for fractal and self-similar growth patterns
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/kelp"></script>
</head>
<body class="avenir pa3 pa5-ns tj">
<div id="explorable_container"></div>
</body>
<script type="text/javascript">
kelp.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 kelp.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/kelp.git
Go to the directory, install, build and show using npm
:
cd kelp
npm install
npm run build
npm run show
License
This work is licensed under a Creative Commons Attribution 4.0 International License.