Clickable One Page Hex Crawler

A general programme:
* console.log() intended crawl generators
* give colors to terrain types
* give icons to features
* refine toward One Page Hex Crawl
* select an adjacent region or user-input
* user input like cluster generator? (make regions and terrains editable?)

Some CSS queries possibly useful
'[id="regions"] th' Regions table header elements
'path[id="0505"]'   Hex path element for stroke and fill color attributes

Examples
  document.querySelectorAll('[id="regions"] th')[0].innerText = 'Fabulous';
  document.querySelector('path[id="0505"]').nextElementSibling; // "0505"
  document.querySelector('td[id="h0505"]').parentElement.children // hexes table data cells for hex 0505.
  document.querySelector('span[id="hexcontent"]').innerHtml = "...";// onmouseover for hexes

Regions and Terrains