plotly.scatter2.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+markers',
  },
  {
    type: 'scatter',
    y: [2, 7, 0, 4, 6, 2],
    mode: 'markers+lines',
    marker: {
      color: 'green',
      size: 12,
    },
    line: {
      color: 'red',
      width: 3,
    },
  },
];

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

export default App;