@carto/kepler.gl 0.0.33 → 0.0.35-alpha1

package/src/utils/data-scale-utils.js

@@ -20,6 +20,7 @@
 
 import {notNullorUndefined, unique} from './data-utils';
 import {extent} from 'd3-array';
+import {uniqueSortedByFrequency} from './data-utils';
 
 /**
  * return quantile domain for an array of data
@@ -37,10 +38,7 @@ export function getQuantileDomain(data, valueAccessor, sortFunc) {
  */
 export function getOrdinalDomain(dataContainer, valueAccessor) {
   const values = dataContainer.mapIndex(valueAccessor);
-
-  return unique(values)
-    .filter(notNullorUndefined)
-    .sort();
+  return uniqueSortedByFrequency(values);
 }
 
 /**

package/src/utils/data-utils.d.ts

@@ -12,6 +12,7 @@ export function isNumber(d: any): boolean;
 export function isPlainObject(d: any): boolean;
 export function numberSort(a: any, b: any): any;
 export function unique(values: any[]): any[];
+export function uniqueSortedByFrequency(values: any[]): any[];
 export function arrayMove(array: any[], from: number, to: number);
 export function getSortingFunction(fieldType: string): numberSort | undefined;
 export function preciseRound(num: number, decimals: number): string;

package/src/utils/data-utils.js

@@ -47,6 +47,20 @@ export function unique(values) {
   return results;
 }
 
+export function uniqueSortedByFrequency(values) {
+  const frequency = values.reduce((res, value) => {
+    if (notNullorUndefined(value)) {
+      if (!res[value]) {
+        res[value] = 0;
+      }
+      res[value] += 1;
+    }
+    return res;
+  }, {});
+
+  return Object.keys(frequency).sort((a, b) => frequency[b] - frequency[a]);
+}
+
 /* eslint-disable max-statements */
 /**
  * return center of map from given points