update classification groups for sequential chart

CivicDataLab · Sep 24, 2024 · 96e9c92 · 96e9c92
1 parent 732e85c
commit 96e9c92
Show file tree

Hide file tree

Showing 3 changed files with 73 additions and 12 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/opub-ui/package.json b/packages/opub-ui/package.json
@@ -1,7 +1,7 @@
 {
   "name": "opub-ui",
   "description": "OPub UI Library",
-  "version": "0.3.36",
+  "version": "0.3.37",
   "private": false,
   "license": "MIT",
   "author": "CivicDataLab <tech@civicdatalab.in>",

diff --git a/packages/opub-ui/src/components/MapChart/MapChart.tsx b/packages/opub-ui/src/components/MapChart/MapChart.tsx
@@ -195,17 +195,16 @@ const Map = ({
   if (isSequentialLegend) {
     const min = Math.min(...values);
     const max = Math.max(...values);
-    const step = (max - min) / 5; // Calculate step size
-    const grades = Array.from({ length: 5 + 1 }, (_, i) => min + step * i); // Create ranges
+    const step = (max - min) / 3;
+    const grades = Array.from({ length: 3 + 1 }, (_, i) => min + step * i);
 
-    // Loop through intervals and generate a label with a color square for each
     for (let i = 0; i < grades.length; i++) {
       const from = grades[i];
       const to = grades[i + 1] || Math.max(...values);
 
       labels.push({
         color: colorScale(from),
-        label: `${Math.round(from)}${to ? `- ${Math.round(to)}` : '+'}`,
+        label: `${Math.round(from)} - ${to ? `${Math.round(to)}` : '+'}`,
       });
     }
   }