let cnt = document.getElementById('cnt');
cnt.style.marginLeft = '-1.5em';
cnt.style.marginRight = '0em';

const data1 = {
  x: [1, 2, 3, 4, 5, 6, 7, 8, 9],
  y: [4, 6, 7.5, 8.5, 8.75, 8.5, 7.5, 6, 4],
  mode: 'markers+lines',
  type: 'scatter',
  name: 'Data 1',
};

const data = [data1];

const layout = {
  title: { text: 'Quadratic curve'},
  xaxis: {
    title: {
      text: "x",
      font: {
        family: 'Times',
        size: 16,
        style: 'italic',
      },
    },
  },
  yaxis: {
    title: {
      text: 'y',
      font: {
        family: 'Times',
        size: 16,
        style: 'italic',
      },
    },
  },
  margin: { t: 30, r: 0, b: 40, l: 50 },
  autosize: true,
  height: 300,
};

config = {
  responsive: true,
}

Plotly.newPlot('cnt', data, layout, config);