WIP: radial hex grid

2024-06-16 22:53:55 -07:00
parent 07ab30fdec
commit 0a30f7c7ef
2 changed files with 127 additions and 0 deletions
--- a/public/radial.html
+++ b/public/radial.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      polygon {
+        fill: none;
+        stroke: black;
+        stroke-width: 0.5px;
+      }
+
+      svg {
+        border: 1px solid slategray;
+      }
+
+      text {
+        font-size: 4px;
+        text-anchor: middle;
+        user-select: none;
+        font-family: sans-serif;
+      }
+    </style>
+  </head>
+  <body>
+    <svg viewBox="-150 -100 300 200" xmlns="http://www.w3.org/2000/svg">
+      <defs>
+        <polygon id="hex" points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,5"/>
+      </defs>
+    </svg>
+    <script src="radial.js"></script>
+  </body>
+</html>