This visualization shows how an iteration of order 1 is composed in term of hexagons. In particular, given a hexagon centered in the origin, the 6 surrounding ones are placed using the coordinates calculated in term of their apothem a and radius r.
The coordinates can be calculated once and then reused for each iteration order of the Gosper space filling curve.
xxxxxxxxxx
<html lang="en">
<head>
<meta charset="utf-8">
<title>Gosper islands coordinates</title>
<meta name="description" content="Gosper islands coordinates">
<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