Use these visualisations

We'd be delighted if you used our visualisations. All we ask is that you attribute the hexmaps to Open Innovations, and link back to this site.

Here are a few ways you could do this.

Iframe

You can embed the map on your own site. This will refresh every 60 seconds.

<iframe src="https://ge2024.hexmap.uk/results/2024/embed/"
        style="width: 400px; aspect-ratio: 1/1.6;">

HTMX (experimental)

Do you do HTMX? You can embed the visualisations with the following code. Please note The tooltips don't work properly yet.

<div hx-get="https://ge2024.hexmap.uk/results/2024/"
     hx-select=".oi-map-inner,.oi-legend,.oi-attribution"
     hx-trigger="load, click, every 60s"></div>

We recommend adding something like the following styles to the document to style the legend.

<style>
  .oi-legend { text-align: center; font-size: 0.9rem; }
  .oi-legend * { display: inline-block; }
  .oi-legend * + * { margin-inline-start: 0.5em; }
  .oi-legend-icon { width: 1em; aspect-ratio: 1 / 1; }
</style>