# tooltip or title that will work in mobile browsers

**URL:** <https://talk.observablehq.com/t/tooltip-or-title-that-will-work-in-mobile-browsers/5453>\
**Category:** Help\
**Created:** [August 13, 2021, 8:33pm UTC](https://talk.observablehq.com/t/tooltip-or-title-that-will-work-in-mobile-browsers/5453 "2021-08-13T20:33:39Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![rbhttchr](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/rbhttchr/32/3261_2.png) [@rbhttchr](https://talk.observablehq.com/u/rbhttchr)\
**Post date:** [August 13, 2021, 8:33pm UTC](https://talk.observablehq.com/t/tooltip-or-title-that-will-work-in-mobile-browsers/5453/1 "2021-08-13T20:33:39Z")

</div>

Hello All,

Are there currently any options that will let me make my "title"s work in mobile browser? For instance, in the following graph, each bar has a title that is visible on hover, but only on desktop browsers. I have seen some add tooltip options which are thrice the length of the .plot codes. Are there any other options? For PLOT, I mean?

Thanks in advance,  
Rini

[https://observablehq.com/@rbhttchr/moretti-british-novel-genres](https://observablehq.com/@rbhttchr/moretti-british-novel-genres)

---

<div class="post-metadata">

**Author:** ![mcmcclur](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/mcmcclur/32/2364_2.png) [@mcmcclur](https://talk.observablehq.com/u/mcmcclur)\
**Post date:** [August 13, 2021, 8:59pm UTC](https://talk.observablehq.com/t/tooltip-or-title-that-will-work-in-mobile-browsers/5453/2 "2021-08-13T20:59:28Z")

</div>

Mike Freeman’s Plot Tooltip was built to yield better tooltips in plot, and it works well for mobile:

> **[Plot Tooltip](https://observablehq.com/@mkfreeman/plot-tooltip)**
>
> Want to add tooltips to your Plot plots? Simply set a \`title\` attribute for any mark, and pass your plot to the \`addTooltips()\` function. (many thanks to @fil for the idea, prior art, and help debugging!) Want to customize what a hovered element...

---

<div class="post-metadata">

**Author:** ![rbhttchr](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/rbhttchr/32/3261_2.png) [@rbhttchr](https://talk.observablehq.com/u/rbhttchr)\
**Post date:** [August 14, 2021, 4:47pm UTC](https://talk.observablehq.com/t/tooltip-or-title-that-will-work-in-mobile-browsers/5453/3 "2021-08-14T16:47:13Z")

</div>

Thanks, Mark! I have been able to implement it on a test code. Worked perfectly. And I love the options for customizing the hover. Thanks Mark Freeman for developing it!

---

<div class="post-metadata">

**Author:** ![rbhttchr](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/rbhttchr/32/3261_2.png) [@rbhttchr](https://talk.observablehq.com/u/rbhttchr)\
**Post date:** [August 14, 2021, 4:56pm UTC](https://talk.observablehq.com/t/tooltip-or-title-that-will-work-in-mobile-browsers/5453/4 "2021-08-14T16:56:20Z")

</div>

Further comment: I think I am going to end up with tinkering around Fil’s original tooltip here ([https://observablehq.com/@fil/experimental-plot-tooltip-01](https://observablehq.com/@fil/experimental-plot-tooltip-01)). That has a lot more features that I can use.