plotly.js icon indicating copy to clipboard operation
plotly.js copied to clipboard

add tooltip annotation feature

Open kb- opened this issue 7 months ago • 2 comments

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) 331887266-f7258b47-6eb2-4c3c-a3ce-f23899fe57e1 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- avatar Jul 19 '24 22:07 kb-