Skip to content

Instantly share code, notes, and snippets.

@jarrodscott
Created April 7, 2020 00:12
Show Gist options
  • Save jarrodscott/31b8f7ab985a291c53538a97a1c3dcdc to your computer and use it in GitHub Desktop.
Save jarrodscott/31b8f7ab985a291c53538a97a1c3dcdc to your computer and use it in GitHub Desktop.
HTML code for figure 1 (Lesson2 ) image map. I used https://www.image-map.net/ to generate the code.
<div id="image_map">
<map name="map_example">
<area target="_blank" alt="R" title="R" href="https://www.r-project.org/about.html" coords="18,1,108,71" shape="rect" hidefocus="true" >
<area target="_blank" alt="Markdown" title="Markdown" href="https://www.markdownguide.org/" coords="1,89,109,157" shape="rect">
<area target="_blank" alt="R Markdown" title="R Markdown" href="https://bookdown.org/yihui/rmarkdown/" coords="165,53,206,25,248,51,249,98,207,125,163,99" shape="poly">
<area target="_blank" alt="knitr" title="knitr" href="https://yihui.org/knitr/" coords="287,51,329,26,371,48,372,97,328,124,285,99" shape="poly">
<area target="_blank" alt="Markdown" title="Markdown" href="https://www.markdownguide.org/" coords="422,47,518,108" shape="rect">
<area target="_blank" alt="PanDoc" title="PanDoc" href="https://pandoc.org/" coords="567,48,679,114" shape="rect">
<area target="_blank" alt="HTML5" title="HTML5" href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5" coords="724,48,791,124" shape="rect">
</map>
<img src="/data-curation/img/lesson-2/flow.png" alt="image map example" usemap="#map_example">
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment