improve some legends placements

Author: Tkemper2

web/src/components/KMeansExplorer.jsx

@@ -106,7 +106,7 @@ export default function KMeansExplorer({
 
       legend: {
         type: "scroll",
-        top: 35,
+        top: 60,
       },
 
       grid: { left: 70, right: 20, top: 90, bottom: 60 },
@@ -178,9 +178,9 @@ export default function KMeansExplorer({
         <ReactECharts
             option={option || {}}
             style={{ height, width: "100%" }}
-            notMerge={true}                 // ✅ IMPORTANT: remove old series
+            notMerge={true}
             lazyUpdate={true}
-            replaceMerge={["series", "legend"]} // ✅ extra safety
+            replaceMerge={["series", "legend"]}
         />
         {(!points || !allLabels) && (
           <div

web/src/components/MultiHistFromJson.jsx

@@ -80,7 +80,7 @@ export default function MultiHistFromJson({
           ].join("<br/>");
         },
       },
-      legend: { top: 40 },
+      legend: { top: 60 },
       xAxis: {
         type: logX ? "log" : "value",
         name: xName,
@@ -96,7 +96,7 @@ export default function MultiHistFromJson({
         axisLabel: { formatter: (v) => Number(v).toLocaleString() },
       },
       series,
-      grid: { left: 80, right: 20, bottom: 60, top: 80 },
+      grid: { left: 80, right: 20, bottom: 60, top: 130 },
     };
   }, [h, error, title, xName, yName, logX, logY]);
 

web/src/components/ProfileCards.jsx

@@ -57,15 +57,9 @@ function taglineFrom(a) {
 }
 
 export default function ProfileCards({
-  // where your exported JSON lives
   basePath = "data/kmeans_explorer",
-  // new JSON (recommended instead of TSV)
   peopleShareJsonPath = "data/kmeans_cluster_people_share.json",
-
-  // ✅ fixed K for the “character cards”
   Kfixed = 10,
-
-  // regime bounds (for bars)
   minTc = 10,
   maxTc = 1000,
   minNch = 1,