<!DOCTYPE html>
<html lang="en" style="scrollbar-gutter:stable;">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="CQoRMFwlKAAFbBNjLQVFPwwZYB5MC29NhrREmkX6K_XNxp-MaV1H9YZx">
<title data-suffix=" · Catalin Mititiuc">
WebDevCat.me
· Catalin Mititiuc</title>
<link rel="stylesheet" id="font-bitter-css" href="//fonts.googleapis.com/css?family=Bitter:400,700" type="text/css" media="screen">
<link phx-track-static rel="stylesheet" href="/assets/app-131585bb1e255488c3d2558ee5c81330.css?vsn=d">
<link phx-track-static rel="stylesheet" href="/assets/cgit-313ed4244ed6cc8d5b67d6fbb4ab18c8.css?vsn=d">
<style>
article > * { max-width: unset; }
div#cgit table.list {
table-layout: auto;
width: 100%;
display: table;
}
div#cgit div.content {
overflow: scroll;
}
div#cgit table.tabs {
table-layout: auto;
width: 100%;
display: table;
}
div#cgit table.blob {
table-layout: auto;
width: 100%;
display: table;
}
div#cgit table.tabs {
table-layout: auto;
width: 100%;
display: table;
}
td.linenumbers { width: 1px; }
td.lines { max-width: 1px; overflow: hidden; }
td.linenumbers pre, td.lines pre {
line-height: 1.25em;
}
pre { overflow-x: scroll; overflow-y: hidden; }
code { font-size: unset; }
</style>
<script defer phx-track-static type="text/javascript" src="/assets/app-7bb68f31e771b77e6d1026a2eca15d48.js?vsn=d">
</script>
</head>
<body class="bg-white">
<header>
<div style="display: inline-block;">
<h1><a href="/">Web Dev Solutions</a></h1>
<h3 style="text-align: left">Catalin Mititiuc</h3>
</div>
</header>
<main>
<article>
From e8fae51b32b6ebc4ec4e16338467b7fcc41edd11 Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc <webdevcat@proton.me>
Date: Sat, 1 Jun 2024 11:31:35 -0700
Subject: WIP: use scenario template to build scenarios client-side
---
public/assets/images/scenario-dragon_hunting.svg | 75 +-
.../assets/images/scenario-race_against_time.svg | 71 +-
public/assets/images/scenario-side_show.svg | 1859 +-------------------
public/assets/images/scenario_template.svg | 60 +
public/index.html | 2 +-
5 files changed, 82 insertions(+), 1985 deletions(-)
create mode 100644 public/assets/images/scenario_template.svg
(limited to 'public')
diff --git a/public/assets/images/scenario-dragon_hunting.svg b/public/assets/images/scenario-dragon_hunting.svg
index e456f27..878c667 100644
--- a/public/assets/images/scenario-dragon_hunting.svg
+++ b/public/assets/images/scenario-dragon_hunting.svg
@@ -1,69 +1,12 @@
-<?xml version="1.0" standalone="no"?>
-<svg viewBox="-10 -10 200 300" xmlns="http://www.w3.org/2000/svg">
- <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/map.css" type="text/css" />
- <style>
- g[data-edge="north"] { --i: -2; }
- g[data-edge="south"] { --i: 78; }
-
- #background {
- stroke: #304b75;
- fill: #bacae3;
- }
-
- pattern use {
- stroke: black;
- stroke-width: 0.3px;
- }
-
- .cw-60-deg {
- transform: rotate(60deg);
- }
-
- .ccw-60-deg {
- transform: rotate(-60deg);
- }
- </style>
- <defs>
- <polygon id="hex" points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,5"/>
-
- <line id="ast-line" x1="-1.2" y1="0" x2="1.2" y2="0"/>
-
- <pattern id="asterisk" viewBox="-8.66 -15 17.32 30" width="17.32" height="30" patternUnits="userSpaceOnUse">
- <use y="-15" href="#ast-line"/>
- <use y="-15" style="transform-origin: 0 -15px;" class="cw-60-deg" href="#ast-line"/>
- <use y="-15" style="transform-origin: 0 -15px;" class="ccw-60-deg" href="#ast-line"/>
- <use y="15" href="#ast-line"/>
- <use y="15" style="transform-origin: 0 15px;" class="cw-60-deg" href="#ast-line"/>
- <use y="15" style="transform-origin: 0 15px;" class="ccw-60-deg" href="#ast-line"/>
-
- <use x="8.66" href="#ast-line"/>
- <use x="8.66" style="transform-origin: 8.66px 0;" class="cw-60-deg" href="#ast-line"/>
- <use x="8.66" style="transform-origin: 8.66px 0;" class="ccw-60-deg" href="#ast-line"/>
- <use x="-8.66" href="#ast-line"/>
- <use x="-8.66" style="transform-origin: -8.66px 0;" class="cw-60-deg" href="#ast-line"/>
- <use x="-8.66" style="transform-origin: -8.66px 0;" class="ccw-60-deg" href="#ast-line"/>
- </pattern>
-
- <image id="counter-prone" href="counter_prone.jpg" width="10"/>
- <image id="counter-grenade" href="counter_grenade.jpg" width="10"/>
- </defs>
-
- <rect id="background"/>
-
+<?xml version="1.0" standalone="yes"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10 -10 200 300">
<g class="gameboard">
- <use href="mapsheets.svg#map2"/>
- <use href="mapsheets.svg#map1" style="transform: translate(0, 390.25px);"/>
- <use href="mapsheets.svg#map3" style="transform: translate(0, 780.5px);"/>
-
- <rect id="dots" fill="url(#asterisk)"/>
-
- <g id="firing-arcs">
- <g id="shapes"/>
- <g id="lines"/>
- </g>
+ <use class="mapsheet" href="mapsheets.svg#map2"/>
+ <use class="mapsheet" href="mapsheets.svg#map1" style="transform: translate(0, 390.25px);"/>
+ <use class="mapsheet" href="mapsheets.svg#map3" style="transform: translate(0, 780.5px);"/>
<g class="start-locations" data-attacker-name="liao" data-defender-name="davion">
- <g data-edge="north">
+ <g data-edge="north" style="--i: -2">
<g data-x="13">
<g class="counter" data-allegiance="attacker" data-number="1">
<use class="primary-weapon" href="counters.svg#blazer"/>
@@ -114,7 +57,7 @@
</g>
</g>
</g>
- <g data-edge="south">
+ <g data-edge="south" style="--i: 78">
<g data-x="13">
<g class="counter" data-allegiance="defender" data-number="1">
<use class="primary-weapon" href="#blazer"/>
@@ -166,9 +109,7 @@
</g>
</g>
</g>
-
- <g class="grid"/>
</g>
- <script data-cols="33" data-rows="77" href="../../map.js"/>
+ <script data-cols="33" data-rows="77"/>
</svg>
diff --git a/public/assets/images/scenario-race_against_time.svg b/public/assets/images/scenario-race_against_time.svg
index 8a1cc04..e542ce5 100644
--- a/public/assets/images/scenario-race_against_time.svg
+++ b/public/assets/images/scenario-race_against_time.svg
@@ -1,67 +1,10 @@
-<?xml version="1.0" standalone="no"?>
-<svg viewBox="-10 -10 200 300" xmlns="http://www.w3.org/2000/svg">
- <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/map.css" type="text/css" />
- <style>
- g[data-edge="north"] { --i: -2; }
- g[data-edge="south"] { --i: 26; }
-
- #background {
- stroke: #304b75;
- fill: #bacae3;
- }
-
- pattern use {
- stroke: black;
- stroke-width: 0.3px;
- }
-
- .cw-60-deg {
- transform: rotate(60deg);
- }
-
- .ccw-60-deg {
- transform: rotate(-60deg);
- }
- </style>
- <defs>
- <polygon id="hex" points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,5"/>
-
- <line id="ast-line" x1="-1.2" y1="0" x2="1.2" y2="0"/>
-
- <pattern id="asterisk" viewBox="-8.66 -15 17.32 30" width="17.32" height="30" patternUnits="userSpaceOnUse">
- <use y="-15" href="#ast-line"/>
- <use y="-15" style="transform-origin: 0 -15px;" class="cw-60-deg" href="#ast-line"/>
- <use y="-15" style="transform-origin: 0 -15px;" class="ccw-60-deg" href="#ast-line"/>
- <use y="15" href="#ast-line"/>
- <use y="15" style="transform-origin: 0 15px;" class="cw-60-deg" href="#ast-line"/>
- <use y="15" style="transform-origin: 0 15px;" class="ccw-60-deg" href="#ast-line"/>
-
- <use x="8.66" href="#ast-line"/>
- <use x="8.66" style="transform-origin: 8.66px 0;" class="cw-60-deg" href="#ast-line"/>
- <use x="8.66" style="transform-origin: 8.66px 0;" class="ccw-60-deg" href="#ast-line"/>
- <use x="-8.66" href="#ast-line"/>
- <use x="-8.66" style="transform-origin: -8.66px 0;" class="cw-60-deg" href="#ast-line"/>
- <use x="-8.66" style="transform-origin: -8.66px 0;" class="ccw-60-deg" href="#ast-line"/>
- </pattern>
-
- <image id="counter-prone" href="counter_prone.jpg" width="10"/>
- <image id="counter-grenade" href="counter_grenade.jpg" width="10"/>
- </defs>
-
- <rect id="background"/>
-
+<?xml version="1.0" standalone="yes"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10 -10 200 300">
<g class="gameboard">
- <use href="mapsheets.svg#map4"/>
-
- <rect id="dots" fill="url(#asterisk)"/>
-
- <g id="firing-arcs">
- <g id="shapes"/>
- <g id="lines"/>
- </g>
+ <use class="mapsheet" href="mapsheets.svg#map4"/>
<g class="start-locations" data-attacker-name="liao" data-defender-name="davion">
- <g data-edge="north">
+ <g data-edge="north" style="--i: -2">
<g data-x="13">
<g class="counter" data-allegiance="attacker" data-number="1">
<use class="primary-weapon" href="counters.svg#blazer"/>
@@ -112,7 +55,7 @@
</g>
</g>
</g>
- <g data-edge="south">
+ <g data-edge="south" style="--i: 26">
<g data-x="13">
<g class="counter" data-allegiance="defender" data-number="1">
<use class="primary-weapon" href="#blazer"/>
@@ -164,9 +107,7 @@
</g>
</g>
</g>
-
- <g class="grid"/>
</g>
- <script data-cols="33" data-rows="25" href="../../map.js"/>
+ <script data-cols="33" data-rows="25"/>
</svg>
diff --git a/public/assets/images/scenario-side_show.svg b/public/assets/images/scenario-side_show.svg
index 1041bd1..70e8df3 100644
--- a/public/assets/images/scenario-side_show.svg
+++ b/public/assets/images/scenario-side_show.svg
@@ -1,68 +1,11 @@
-<?xml version="1.0" standalone="no"?>
-<svg viewBox="-10 -10 200 300" xmlns="http://www.w3.org/2000/svg">
- <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/map.css" type="text/css" />
- <style>
- g[data-edge="north"] { --i: -2; }
- g[data-edge="south"] { --i: 52; }
-
- #background {
- stroke: #304b75;
- fill: #bacae3;
- }
-
- pattern use {
- stroke: black;
- stroke-width: 0.3px;
- }
-
- .cw-60-deg {
- transform: rotate(60deg);
- }
-
- .ccw-60-deg {
- transform: rotate(-60deg);
- }
- </style>
- <defs>
- <polygon id="hex" points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,5"/>
-
- <line id="ast-line" x1="-1.2" y1="0" x2="1.2" y2="0"/>
-
- <pattern id="asterisk" viewBox="-8.66 -15 17.32 30" width="17.32" height="30" patternUnits="userSpaceOnUse">
- <use y="-15" href="#ast-line"/>
- <use y="-15" style="transform-origin: 0 -15px;" class="cw-60-deg" href="#ast-line"/>
- <use y="-15" style="transform-origin: 0 -15px;" class="ccw-60-deg" href="#ast-line"/>
- <use y="15" href="#ast-line"/>
- <use y="15" style="transform-origin: 0 15px;" class="cw-60-deg" href="#ast-line"/>
- <use y="15" style="transform-origin: 0 15px;" class="ccw-60-deg" href="#ast-line"/>
-
- <use x="8.66" href="#ast-line"/>
- <use x="8.66" style="transform-origin: 8.66px 0;" class="cw-60-deg" href="#ast-line"/>
- <use x="8.66" style="transform-origin: 8.66px 0;" class="ccw-60-deg" href="#ast-line"/>
- <use x="-8.66" href="#ast-line"/>
- <use x="-8.66" style="transform-origin: -8.66px 0;" class="cw-60-deg" href="#ast-line"/>
- <use x="-8.66" style="transform-origin: -8.66px 0;" class="ccw-60-deg" href="#ast-line"/>
- </pattern>
-
- <image id="counter-prone" href="counter_prone.jpg" width="10"/>
- <image id="counter-grenade" href="counter_grenade.jpg" width="10"/>
- </defs>
-
- <rect id="background"/>
-
+<?xml version="1.0" standalone="yes"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10 -10 200 300">
<g class="gameboard">
- <use href="mapsheets.svg#map2"/>
- <use href="mapsheets.svg#map3" style="transform: translate(0, 390.25px);"/>
-
- <rect id="dots" fill="url(#asterisk)"/>
-
- <g id="firing-arcs">
- <g id="shapes"/>
- <g id="lines"/>
- </g>
+ <use class="mapsheet" href="mapsheets.svg#map3" style="transform: translate(0, 390.25px);"/>
+ <use class="mapsheet" href="mapsheets.svg#map2"/>
<g class="start-locations" data-attacker-name="liao" data-defender-name="davion">
- <g data-edge="north">
+ <g data-edge="north" style="--i: -2">
<g data-x="13">
<g class="counter selected" data-allegiance="attacker" data-number="1">
<use class="primary-weapon" href="counters.svg#blazer"/>
@@ -113,7 +56,7 @@
</g>
</g>
</g>
- <g data-edge="south">
+ <g data-edge="south" style="--i: 53">
<g data-x="13">
<g class="counter" data-allegiance="defender" data-number="1">
<use class="primary-weapon" href="#blazer"/>
@@ -165,1795 +108,7 @@
</g>
</g>
</g>
-
- <g class="grid">
- <g data-y="0">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="1">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="2">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="3">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="4">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="5">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="6">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="7">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="8">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="9">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="10">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="11">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="12">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="13">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="14">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="15">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="16">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="17">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="18">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="19">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="20">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="21">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="22">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="23">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="24">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="25">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="26">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="27">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="28">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="29">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="30">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="31">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="32">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="33">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="34">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="35">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="36">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="37">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="38">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="39">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="40">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="41">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="42">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="43">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="44">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="45">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="46">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="47">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="48">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="49">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- <g data-y="50">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- <g data-x="5"><use href="#hex"/></g>
- <g data-x="6"><use href="#hex"/></g>
- <g data-x="7"><use href="#hex"/></g>
- <g data-x="8"><use href="#hex"/></g>
- <g data-x="9"><use href="#hex"/></g>
- <g data-x="10"><use href="#hex"/></g>
- <g data-x="11"><use href="#hex"/></g>
- <g data-x="12"><use href="#hex"/></g>
- <g data-x="13"><use href="#hex"/></g>
- <g data-x="14"><use href="#hex"/></g>
- <g data-x="15"><use href="#hex"/></g>
- <g data-x="16"><use href="#hex"/></g>
- <g data-x="17"><use href="#hex"/></g>
- <g data-x="18"><use href="#hex"/></g>
- <g data-x="19"><use href="#hex"/></g>
- <g data-x="20"><use href="#hex"/></g>
- <g data-x="21"><use href="#hex"/></g>
- <g data-x="22"><use href="#hex"/></g>
- <g data-x="23"><use href="#hex"/></g>
- <g data-x="24"><use href="#hex"/></g>
- <g data-x="25"><use href="#hex"/></g>
- <g data-x="26"><use href="#hex"/></g>
- <g data-x="27"><use href="#hex"/></g>
- <g data-x="28"><use href="#hex"/></g>
- <g data-x="29"><use href="#hex"/></g>
- <g data-x="30"><use href="#hex"/></g>
- <g data-x="31"><use href="#hex"/></g>
- <g data-x="32"><use href="#hex"/></g>
- </g>
- </g>
</g>
- <script href="../../map.js"/>
+ <script data-cols="33" data-rows="52"/>
</svg>
diff --git a/public/assets/images/scenario_template.svg b/public/assets/images/scenario_template.svg
new file mode 100644
index 0000000..8f8b5f7
--- /dev/null
+++ b/public/assets/images/scenario_template.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" standalone="no"?>
+<svg viewBox="-10 -10 200 300" xmlns="http://www.w3.org/2000/svg">
+ <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/map.css" type="text/css" />
+ <style>
+ #background {
+ stroke: #304b75;
+ fill: #bacae3;
+ }
+
+ pattern use {
+ stroke: black;
+ stroke-width: 0.3px;
+ }
+
+ .cw-60-deg {
+ transform: rotate(60deg);
+ }
+
+ .ccw-60-deg {
+ transform: rotate(-60deg);
+ }
+ </style>
+ <defs>
+ <polygon id="hex" points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,5"/>
+
+ <line id="ast-line" x1="-1.2" y1="0" x2="1.2" y2="0"/>
+
+ <pattern id="asterisk" viewBox="-8.66 -15 17.32 30" width="17.32" height="30" patternUnits="userSpaceOnUse">
+ <use y="-15" href="#ast-line"/>
+ <use y="-15" style="transform-origin: 0 -15px;" class="cw-60-deg" href="#ast-line"/>
+ <use y="-15" style="transform-origin: 0 -15px;" class="ccw-60-deg" href="#ast-line"/>
+ <use y="15" href="#ast-line"/>
+ <use y="15" style="transform-origin: 0 15px;" class="cw-60-deg" href="#ast-line"/>
+ <use y="15" style="transform-origin: 0 15px;" class="ccw-60-deg" href="#ast-line"/>
+
+ <use x="8.66" href="#ast-line"/>
+ <use x="8.66" style="transform-origin: 8.66px 0;" class="cw-60-deg" href="#ast-line"/>
+ <use x="8.66" style="transform-origin: 8.66px 0;" class="ccw-60-deg" href="#ast-line"/>
+ <use x="-8.66" href="#ast-line"/>
+ <use x="-8.66" style="transform-origin: -8.66px 0;" class="cw-60-deg" href="#ast-line"/>
+ <use x="-8.66" style="transform-origin: -8.66px 0;" class="ccw-60-deg" href="#ast-line"/>
+ </pattern>
+
+ <image id="counter-prone" href="counter_prone.jpg" width="10"/>
+ <image id="counter-grenade" href="counter_grenade.jpg" width="10"/>
+ </defs>
+
+ <rect id="background"/>
+
+ <g class="gameboard">
+ <rect id="dots" fill="url(#asterisk)"/>
+
+ <g id="firing-arcs">
+ <g id="shapes"/>
+ <g id="lines"/>
+ </g>
+
+ <g class="grid"/>
+ </g>
+</svg>
diff --git a/public/index.html b/public/index.html
index 0307115..df3fc65 100644
--- a/public/index.html
+++ b/public/index.html
@@ -145,7 +145,7 @@
Loading...
</div>
- <object type="image/svg+xml"></object>
+ <object type="image/svg+xml" data="assets/images/scenario_template.svg"></object>
<div id="status">
<span id="hex-counter">Distance: <span id="hex-count">-</span></span>
--
cgit v1.2.3
</article>
</main>
<footer>
<p>100% Human Made, No AI Used</p>
<p>stasis 0.2.12</p>
</footer>
</body>
</html>