JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgit.com/john-soklaski/plotly.js/subplot_hover/dist/plotly.min.js"></script>
<body>
  <div id="graph">
  </div>
</body>

JavaScript

var plotly_vars = {
    "layout": {
      "yaxis": {
        "domain": [
          0,
          0.16
        ],
        "fixedrange": true,
        "titlefont": {
          "color": "#673ab7"
        },
        "linecolor": "#673ab7",
        "mirror": "ticks",
        "showline": false,
        "autotick": true,
        "tickfont": {
          "color": "#673ab7"
        },
        "ticks": "",
        "side": "right",
        "range": [
          0,
          20
        ],
        "zeroline": false,
        "type": "linear",
        "anchor": "x"
      },
      "dragmode": "zoom",
      "annotations": [{
        "ax": 0,
        "yref": "y",
        "ay": 30,
        "xref": "x",
        "text": "drug1",
        "arrowsize": 0.3,
        "y": 0,
        "x": "2013-06-01",
        "yanchor": "bottom",
        "arrowcolor": "rgba(63,81,181, 0.2)"
      }, {
        "ax": 0,
        "yref": "y",
        "ay": 30,
        "xref": "x",
        "text": "drug2",
        "arrowsize": 0.3,
        "y": 0,
        "x": "2014-09-13",
        "yanchor": "bottom",
        "arrowcolor": "rgba(76,175,80, 0.1)"
      }],
      "shapes": [{
        "y1": 0.95,
        "xref": "x",
        "fillcolor": "rgba(63,81,181, 0.2)",
        "yref": "paper",
        "y0": 0,
        "x0": "2013-01-15",
        "x1": "2013-10-17",
        "type": "rect",
        "line": {
          "width": 0
        }
      }, {
        "y1": 0.95,
        "xref": "x",
        "fillcolor": "rgba(76,175,80, 0.1)",
        "yref": "paper",
        "y0": 0,
        "x0": "2013-10-22",
        "x1": "2015-08-05",
        "type": "rect",
        "line": {
          "width": 0
        }
      }],
      "yaxis2": {
        "domain": [
          0.2,
          0.35
        ],
        "fixedrange": true,
        "titlefont": {
          "color": "#E91E63"
        },
        "linecolor": "#E91E63",
        "mirror": "ticks",
        "showline": false,
        "autotick": true,
        "tickfont": {
         ...