refactor: update colors

Author: airslice

scripts/data.mjs

@@ -23,7 +23,7 @@ if (!jsonData) {
 // Remove header row
 jsonData.shift();
 
-// Pick the data we needed
+// Yearly count of outbreaks
 const yearlyOutbreaksCount = jsonData.reduce((acc, data) => {
   const year = data["Year"];
 
@@ -45,6 +45,7 @@ writeFileSync(
   JSON.stringify(yearlyOutbreaksCount)
 );
 
+// Yearly country wise count of outbreaks
 const countryOutbreaks = jsonData.reduce((acc, data) => {
   const country = data["iso2"];
   const year = data["Year"];
@@ -72,7 +73,22 @@ writeFileSync(
   JSON.stringify(countryOutbreaks)
 );
 
-// get all the contries from the data
+// Get the max count of outbreaks for one contry in a year
+// const maxOutbreaks = Object.keys(countryOutbreaks).reduce((acc, year) => {
+//   const max = Math.max(
+//     ...Object.values(countryOutbreaks[year]).map(
+//       (outbreaks) => outbreaks.length
+//     )
+//   );
+
+//   acc[year] = max;
+
+//   return acc;
+// }, {});
+// console.log(maxOutbreaks);
+// Output: max is 10 at yaer 2022
+
+// Pick necessary countries geojson
 const countries = jsonData.reduce((acc, data) => {
   const country = data["iso2"];
 

src/extensions/diseaseoutbreaks/diseaseoutbreaks.ts

@@ -35,16 +35,16 @@ const layerId = reearth.layers.add({
     fillColor: {
       expression: {
         conditions: [
-          ["${diseasesCount} === 0", "color('#ff000000')"],
-          ["${diseasesCount} === 1", "color('#ff000011')"],
-          ["${diseasesCount} === 2", "color('#ff000022')"],
-          ["${diseasesCount} === 3", "color('#ff000033')"],
-          ["${diseasesCount} === 4", "color('#ff000044')"],
-          ["${diseasesCount} === 5", "color('#ff000055')"],
-          ["${diseasesCount} === 6", "color('#ff000066')"],
-          ["${diseasesCount} === 7", "color('#ff000077')"],
-          ["${diseasesCount} === 8", "color('#ff000088')"],
-          ["${diseasesCount} === 9", "color('#ff000099')"],
+          ["${diseasesCount} === 1", "color('#FFD7D490')"],
+          ["${diseasesCount} === 2", "color('#FFB8B190')"],
+          ["${diseasesCount} === 3", "color('#FF9A8F90')"],
+          ["${diseasesCount} === 4", "color('#FF7C6D90')"],
+          ["${diseasesCount} === 5", "color('#FF5D4B90')"],
+          ["${diseasesCount} === 6", "color('#E24B3D90')"],
+          ["${diseasesCount} === 7", "color('#C4393090')"],
+          ["${diseasesCount} === 8", "color('#A1272490')"],
+          ["${diseasesCount} === 9", "color('#85151B90')"],
+          ["${diseasesCount} === 10", "color('#6A0C1590')"],
           ["true", "color('#ffffff00')"],
         ],
       },