plotly.scatter.App.js

import Plot from 'react-plotly.js';

const layoutObj = {
  title: 'Scatter Chart',
  width: 800,
  height: 600,
};

const dataArray = [
  {
    type: 'scatter',
    y: [1, 2, 1, 4, 3, 6],
    mode: 'lines',
  },
  {
    type: 'scatter',
    y: [2, 7, 0, 4, 6, 2],
    mode: 'markers',
  },
];

function App() {
  return <Plot layout={layoutObj} data={dataArray} />;
}

export default App;