Enhance K-Means clustering visualization by increasing scatter plot width to improve clarity

index.html

@@ -60,9 +60,8 @@
         <div id="progress-bar-inner"></div>
     </div>
     <div class="plot-container">
-        <div id="plot-scatter" style="width:500px; height:500px;"></div>
+        <div id="plot-scatter" style="width:1000px; height:500px;"></div>
         <div id="plot-heatmap" style="width:500px; height:500px;"></div>
-
     </div>
     <script src="https://cdn.plot.ly/plotly-2.32.0.min.js"></script>
     <script type="module">
@@ -198,7 +197,7 @@
             Plotly.newPlot("plot-scatter", traces, {
                 xaxis: { title: "UMAP-1", scaleanchor: "y", scaleratio: 1 },
                 yaxis: { title: "UMAP-2", scaleanchor: "x", scaleratio: 1 },
-                width: 500,
+                width: 1000,
                 height: 500,
                 margin: { t: 40, l: 40, r: 10, b: 40 },
                 title: `K-Means Clustering (k=${k})`