Hover box overlapping point/cursor

With plotly express, when using hover_data, the hover box sometimes covers the point for which it is shown (depending on the size of the hover box). It would be good if this could get avoided by shifting the box. In many cases, it is clear before showing the plot, in which direction the hoever box could get shifted to better avoid this, so even if the javascript cannot figure this out automatically it would be good to allow something like "hover_box_delta_x", "hover_box_delta_y" to shift the box that many pixels to the right (if negative, to the left), for example.

When the box completely covers the cursor and the point it is shown for it is very hard to put the information in context and even harder to show the information for another point, because neighbouring points are not visible at all.

Empieza rastreando el manejo de hover de JavaScript utilizado con plotly express y hover_data, centrándote en cómo se posiciona el cuadro de hover con respecto a su punto y al cursor. Se considera terminado cuando el cuadro evita cubrir el punto seleccionado siempre que sea posible y admite los desplazamientos de píxeles horizontales y verticales propuestos cuando el posicionamiento automático no puede determinar una dirección mejor.