let x1 = [
 1234, 1234, 1234, 2222, 3333, 4444, 4444, 2222, 3333, 4444, 4444, 1234,
 2222, 3333, 3333, 4444, 4444, 1234, 1234, 1234, 2222, 2222, 4444, 4444,
 4444,
 ];
 let x2 = [
 1.1, 1.1, 1.1, 1.1, 1.1, 1.1, 1.1, 1.2, 1.25, 1.25, 1.25, 1.1, 1.1, 1.1,
 1.1, 1.1, 1.1, 1.2, 1.2, 1.2, 1.2, 1.2, 1.2, 1.2, 1.25,
 ];
 let x3 = [
 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2,
 ];
 let y = [
 74.7, 73.2, 73.1, 89.9, 87.0, 78.1, 76.6, 85.8, 97.3, 76.7, 73.1, 68.8,
 79.3, 84.3, 82.5, 70.2, 72.2, 74.7, 73.3, 70.0, 81.7, 84.7, 80.0, 82.2,
 74.7,
 ];
 let tracetreecategoria = {
 x: [x1, x2, x3],
 y: y,
 type: "box",
 name: "box",
 };
 let layouttreecateogria = {
 paper_bgcolor: "WhiteSmoke",
 plot_bgcolor: "White",
 xaxis: {
 title: "x1",
 Array,
 },
 };
 var datanueva = [tracetreecategoria];
<div>
 <Plot
 data={datanueva}
 useResizeHandler={true}
 style={{ width: "100%", height: "100%" }}
 layout={layouttreecateogria}
 
 />
 </div>