---
title: Using HTML image map does not work in hackMD
---

Here's an idea, which does not work, unfortunately.

In HTML you can define **image maps** where you can assign links to different parts of the image (see [this example](https://www.w3schools.com/html/html_images_imagemap.asp)), but although hackMD supports some HTML, it does not support `<map>...</map>`.

If it would have worked, we could have drawn an overview as an image and add links to it. (This may be still an option in case we would host the landing page not in hackMD.)

The "upside" is that using graphviz (or mermaid) keeps everything plain text, which has its own advantages.

<img src="https://www.w3schools.com/html/workplace.jpg" alt="Workplace" usemap="#workmap">

<map name="workmap">
<area shape="rect" coords="34,44,270,350" alt="Computer" href="https://www.google.com/search?q=laptop">
<area shape="rect" coords="290,172,333,250" alt="Phone" href="https://www.google.com/search?q=phone">
<area shape="circle" coords="337,300,44" alt="Coffee" href="https://www.google.com/search?q=coffee">
</map>