Gosper Islands

This experiment defines how to represent a hept tree using the Gosper Map technique based on the Gosper Space Filling Curve.

In order to produce the visualization, at each iteration of the curve 7 hexagons are scaled by √7, rotated by A = arcsin(3√2/7√) ≈ 19.1066° and then translated. The value of the angle as been calculated by Larry Riddle.

Different iteration can be visualized by refreshing the visualization.

xxxxxxxxxx
 
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Gosper Islands</title>
  <meta name="description" content="Gosper Islands">
  <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