@cosmo-explorables/berlin_8_am NPM

Berlin 8:00 a.m.

This explorable illustrates a model for traffic and congestion and the phenomenon knowns as phantom traffic jams, spontaneously emergent congested traffic segments that move slowly and oppositely to the traffic.

The explorable is part of the Complexity Exporables Collection. For more information about the system and its behavior consult the explorable

“Berlin 8:00 a.m.” - How speed variation may trigger persistent traffic congestion

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/berlin_8_am"></script>
	</head>
	<body class="avenir pa3 pa5-ns tj">
	    <div id="explorable_container"></div>
	</body>
	<script type="text/javascript">
		berlin_8_am.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 berlin_8_am.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/berlin_8_am.git

Go to the directory, install, build and show using npm:

cd berlin_8_am
npm install
npm run build
npm run show

License

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

complexity explorables visualization

d3 d3-widgets lodash-es tachyons

1.1.1

2 years ago