@explorables/hokus_fractus

1.1.3 • Public • Published

Hokus Fractus!

CC BY 4.0

This explorable illustrates a set of famous fractals that are generated by an iteration process and yield self similar structures.

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

“Hokus Fractus!” - A collection of regular fractals that illustrates the nature of self-similarity

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

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

  1. cd hokus_fractus
  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/hokus_fractus

Weekly Downloads

0

Version

1.1.3

License

CC-BY-4.0

Unpacked Size

438 kB

Total Files

22

Last publish

Collaborators

  • dirkbrockmann