Short User Guide
The drawing area is defined by number of vertical and horizontal cells’ count and the grid size that can be chosen between:
- extra small (around 80px in width),
- small (around 120px),
- medium (around 180px),
- large (around 240px),
- extra large (around 360px).
The empty cells can be switched to invisible (they assume background color). However, since the area is also used for selection, it is necessary to keep them on when drawing.
Cells and Hex’s
By clicking on the cells, you can create, edit or remove a cell. The cells are defined using:
- background color,
- inner hexagon’s background color,
- inner hexagon’s edge color,
- color of the icon and text.
With the intention to be able to use the resulting images on websites as, for example, menus, there exist one more field - link.
The link allows to let the icons work as links and direct users to different locations.
The connectors are the lines that point out from a selected cells. In order to edit them, the respective cell needs to be selected together with the direction indicator. It is also possible to toggle between having the lines possess arrows or not.
The walls are similar to the connectors, but they work around the cells. Editing works in the exact same way.
Exporting the output
The output can be exported in two ways:
- By clicking on the Export button, the current state of the drawing area is converted to a PNG format and available for download.
- By clicking on the Generate button, the text field provided next to displays the current state in using the SVG syntax. All you need is to copy and paste it in to your website within the
Most websites support F5… I mean, just refresh the page.