<div id="line-chart"></div>

body {
  margin: 20px auto;
  font-family: 'Lato';
  font-weight: 300;
  text-align: center;
}

#line-chart {
  margin: 0 auto;
  height: 450px;
}

const lineDiv = document.getElementById('line-chart');

const traceA = {
  x: [1, 2, 3, 4, 16, 17, 26],
  y: [1, 40, 9, 60, 4, 20, 10],
  type: 'scatter'
};

const data = [traceA];

const layout = {
  title: 'A Line Chart in Plotly'
};

Plotly.newPlot( lineDiv, data, layout );