@explorables/baristas_secret
v1.1.9
Published
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 medi
Downloads
13
Maintainers
Readme
Barista's Secret
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
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/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.
Installing the whole package locally
Clone repository:
git clone https://github.com/dirkbrockmann/baristas_secret.git
Go to the directory, install, build and show using npm
:
cd baristas_secret
npm install
npm run build
npm run show
License
This work is licensed under a Creative Commons Attribution 4.0 International License.