Untitled

<!DOCTYPE html>
<html>

  <body>
    <div id="test"></div>
    <footer>
      <script src="https://cdn.plot.ly/plotly-1.2.0.min.js"></script>
      <script src="script.js"></script>
    </footer>
  </body>

</html>

// Code goes here

var data = [
  {
    "x": [1, 2, 3],
    "y": [-2.0, -3.0, -4.0],
    'type': 'scatter',
    'mode': "none",
    'showlegend': false,
    "name": "1"
  },
  {
    "x": [1, 2, 3],
    "y": [-1.0, -2.0, -3.0],
    'type': 'scatter',
    'showlegend': false,
    'mode': "none",
    "name": "2",
    "fill": "tonexty",
    "fillcolor": "blue"
  },
  {
    "x": [1, 2, 3],
    "y": [0.0, 0.0, 1.0],
    'type': 'scatter',
    'showlegend': false,
    'mode': "none",
    "name": "3",
    "fill": "tonexty",
    "fillcolor": "green"
  }
];

Plotly.newPlot(
  "test", // the ID of the div
  data, {});