JSFiddle - React, Tailwind, and code Playground

HTML

<head>
  <!-- Plotly.js -->
  <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>

<body>
  
  <div id="myDiv"><!-- Plotly chart will be drawn inside this DIV --></div>
  <script>
    <!-- JAVASCRIPT CODE GOES HERE -->
  </script>
</body>

JavaScript

var trace1 = {
  x: [1, 2, 3], 
  y: [40, 50, 60], 
  name: 'yaxis data', 
  type: 'scatter'
};

var trace2 = {
  x: [2, 3, 4], 
  y: [198954.53767043003, 5, 0.53767043003], 
  name: 'yaxis2 data', 
  yaxis: 'y2', 
  type: 'scatter'
};

var data = [trace1, trace2];

var layout = {
 
  dragmode: 'zoom',
  margin: {
    r: 70,
    t: 20,
    b: 20,
    l: 70
  },
  showlegend: false,
  xaxis: {
    autorange: true,
  },
  yaxis: {
    autorange: true, overlaying: 'y2'
  },
  yaxis2: {
    showgrid: false,
    visible: true,
    hoverformat: 'g',
    side:'right'
  }
};

Plotly.newPlot('myDiv', data, layout);