<div class="[position class]" data-ztooltips="[text of the tooltip]"> ... </div>
class : (Optionnal) 4 classnames can altere the position of the tooltip (top / left / bottom / right)
data-ztooltips : The text that will be displayed in the tooltip
Put your mouse on the rectangles and see the magic
I developed this for me and wanted to share it with you because I think it can be usefull.
I don't guarantee that it is perfect but I tried to do my best.
Contributions, forks, pull requests, comments... are welcome!