JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<div id="myDiv">

</div>

JavaScript

var trace1 = {
  x: [1, 2, 3, 4],
  y: [10, 15, 13, 17],
  type: 'scatter'
};

var data = [trace1];

Plotly.newPlot('myDiv', data);

var myChartDiv = document.getElementById("myDiv");
myChartDiv.on('plotly_hover', function(data){
    console.log("Hover Fired! " + Math.random());

})
 .on('plotly_unhover', function(data){
    console.log("UnHover Fired! " + Math.random());
});