Merge pull request #316 from data-mermaid/nick/M595-update-bleaching-viz

[M595] Update Bleaching chart legend and visualization
data-mermaid · Dec 5, 2023 · 7ff1715 · 7ff1715
2 parents b319227 + d2c8bc6
commit 7ff1715
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/src/constants/attribute-colors.js b/src/constants/attribute-colors.js
@@ -24,8 +24,12 @@ export const fishBeltAttributeColors = [
 
 export const bleachingAttributeColors = [
   { name: 'Normal', color: '#3c6e99' },
-  { name: 'Pale', color: '#a8bed5' },
-  { name: 'Bleached & Recently Dead', color: '#B4B4B4' },
+  { name: 'Pale', color: '#6288ad' },
+  { name: 'Up to 20% Bleached', color: '#85a3c1' },
+  { name: '20% - 50% Bleached', color: '#a8bed5' },
+  { name: '50% - 80% Bleached', color: '#cbdaea' },
+  { name: '80% - 100% Bleached', color: '#eff7ff' },
+  { name: 'Recently Dead', color: '#B4B4B4' },
 ]
 
 export const privateColorScale = [

diff --git a/src/constants/sample-unit-information.js b/src/constants/sample-unit-information.js
@@ -16,7 +16,11 @@ export const BLEACHING_PROPERTY_COLONIES_BLEACHED = 'colonies_bleached'
 export const bleachingCategories = [
   { type: 'percent_normal_avg', name: 'Normal' },
   { type: 'percent_pale_avg', name: 'Pale' },
-  { type: 'percent_bleached_avg', name: 'Bleached & Recently Dead' },
+  { type: 'percent_20_avg', name: 'Up to 20% Bleached' },
+  { type: 'percent_50_avg', name: '20% - 50% Bleached' },
+  { type: 'percent_80_avg', name: '50% - 80% Bleached' },
+  { type: 'percent_100_avg', name: '80% - 100% Bleached' },
+  { type: 'percent_dead_avg', name: 'Recently Dead' },
 ]
 export const chartContentProperties = {
   [BENTHIC_LIT_SAMPLE_UNIT]: 'percent_cover_benthic_category_avg',