add tooltip annotation feature

[kb-]

Hi,

I would like to propose a tooltip feature.

When exploring data and presenting our findings, it is important to be able to interactively annotate data points. Most popular data analysis software allow to do that.

I wrote a code to introduce this functionality (found in this branch). The tooltip function can be activated by a new modebar button. It allows to add an annotation to every clicked point. By default, tooltips contain x and y coordinates. They can be customized to contain any additional data attached to the trace or points, which makes it a powerful tool for data exploration and presentation.

When a plot is created with editable: true, the tooltips can be dragged around for placement or deleted interactively. Their text can also be edited. To delete a tooltip, click on its text and delete it.

Tooltips can be customized with an optional tooltiptemplate (leverages existing hovertemplate code) and tooltip annotation options (leverages existing annotations code) Live example

The JS version is already compatible with Dash when a figure is created with a dictionary passed to dcc.Graph (Dash demo) but not yet with Plotly.py

[kb-]

@gvwilson I'm working on a PR. Can anyone help me with the attributes.js? https://github.com/plotly/plotly.js/pull/7127#issuecomment-2314904667

[kb-]

@gvwilson I'm working on a PR. Can anyone help me with the attributes.js? #7127 (comment)

@gvwilson I figured out the issues with attributes.js. The tests pass now.

[kb-]

Hi @gvwilson and @emilykl, I wanted to follow up on my PR for the tooltip annotation feature (#7054). The discussion has been inactive for some time. Looking forward to your thoughts. Thanks for your time!