Sheet Tooltip

QuickSight tooltips normally show a value or label. A sheet tooltip can contain multiple visuals, so hovering over one data point can bring up a small, focused dashboard with the related context.

Image from AWS announcement post.

Image from AWS announcement post.

One of the most fun parts was building the smart positioning algorithm. Given the cursor position, tooltip size, and available space around the visual, it chose where to open the tooltip so it stayed out of the reader’s way while making the best use of the screen.

Among many other things, I also worked on layout in the authoring experience. When an author added a new visual to a tooltip sheet, we needed to find a useful starting position without covering the visuals that were already there. It sounds like a small interaction, but it made building these multi-visual tooltips feel much more natural.

I was particularly proud of this when I saw sheet tooltips being used on the NFL Combine and NBA Draft pages :)