svelte-heatmap icon indicating copy to clipboard operation
svelte-heatmap copied to clipboard

Add tooltips

Open jfix opened this issue 4 years ago • 4 comments

Me again ;-)

Similar to the Github activity heatmap I'd like to suggest to make it possible to show tooltips with some user-definable contents (based on the data attributes for each day, maybe). I've found tippy and a Svelte integration. I've done some basic testing to see how this works with SVG, it does.

However, I am at a loss as to how to combine your component and this one. As a Svelte newbie, I'd appreciate a pointer so that I could maybe provide a PR, or if this doesn't make sense, an idea on how to combine the two components.

jfix avatar Jan 18 '21 18:01 jfix

Don't really need tippy but I'd say update Cell.svelte pass through any extra value. From the heat map and add your hover, tap to it.

I'm going to need this soon so will be sending across a PR example.

JohnRSim avatar Feb 12 '21 11:02 JohnRSim

Hi guys, I have submitted a tooltip prototype implementation without tippyjs, See #258. Not perfect yet, feel free to give it a look.

Folyd avatar Jul 03 '21 04:07 Folyd

hey @scottbedard is this something you can merge in?

Neo-Desktop avatar Aug 21 '21 06:08 Neo-Desktop

Since this repo is probably dead, I want to share my fork including SVG-native tooltips. Feel free to use it and please let me know if there is a fork that is still being maintained.

tweinreich avatar Apr 10 '23 10:04 tweinreich