This experiment continues the work started with hept trees ([1] and [2]) by representing a hept tree as a Gosper map. In this case, only an island of order 1 is drawn.
Blue hexagons belong to the first class while orange to the second one. Every time the page is refreshed two random numbers, corresponding to the number of elements belonging to a certain class, are generated (top left of the visualization). Gray hexagons are included in order to complete the 7 haxagons of the order 1 island.
The center of the hexagons are connected each other along the line corresponsing to the Gosper Space Filling Curve.
xxxxxxxxxx
<html lang="en">
<head>
<meta charset="utf-8">
<title>Order One Gosper Map</title>
<meta name="description" content="Order One Gosper Map">
<script src="https://d3js.org/d3.v3.min.js"></script>
<script src="hept_tree_utils.js"></script>
<link rel="stylesheet" href="index.css">
</head>
<body>
<svg></svg>
<script src="index.js"></script>
</body>
</html>
Modified http://d3js.org/d3.v3.min.js to a secure url
https://d3js.org/d3.v3.min.js