Edit hex layouts

Zoom level

Load HexJSON

Load URL (HexJSON)

Or load an example of UK constituencies (from hexmap.uk)

or

Load file

Drop a .hexjson file here (or click to browse files)

This is an experimental tool. If you spot any bugs, please let us know.

At Open Innovations we like creating hex cartograms. The aim of this tool is to help you design and edit hex layouts.

Instructions

Loading a layout
Navigation
Selecting/deselecting hexagons
Moving hexagons
Colouring hexagons
Saving a layout

Loading a layout

Go to File → Open HexJSON (or press Ctrl + o) to load a HexJSON file. If you are using a remote URL it will need to be publicly accessible and the remote server will need to allow the file to be loaded by this tool.

Navigation

You can pan around the map. You can zoom in/out of the view using the zoom slider in the top right or by using a mouse scroll wheel.

Selecting/deselecting hexagons

Select a specific hexagon by clicking it. If not on a touchscreen, you can add more hexagons to the selection by keeping the Ctrl key pressed when clicking hexagons. Select all hexagons with Ctrl + a. Selecting Edit → Select hexes by colour (or pressing c on your keyboard) will select all hexagons with the same colour as the last selected hexagon.

You can deselect all hexagons by pressing Ctrl + d, Esc or Edit → Deselect all. You can deselect all hexagons that match the last selected colour by pressing Shift + c.

Moving hexagons

Once you have some hexagons selected they should be bordered by a dashed line. Click anywhere within the selection and drag it to another location.

Colouring hexagons

When building a hexagon layout you may want to set default colours for hexagons. If you have one or more hexagons selected you can choose to change their colour by using the colour picker tool in the menu bar.

Saving a layout

Go to File → Save HexJSON (or press Ctrl + s) to export the map as HexJSON.