This explorable illustrates the phenomenon of percolation, when e.g. a liquid like water moves through a porous medium, like coffee. The percolation process is a critical phenomenon that exhibits interesting properties at the critical porosity of the medium .
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/baristas_secret"></script>
</head>
<body class="avenir pa3 pa5-ns tj">
<div id="explorable_container"></div>
</body>
<script type="text/javascript">
baristas_secret.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 baristas_secret.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/baristas_secret.gitGo to the directory, install, build and show using npm:
cd baristas_secretnpm 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