fix: color coding of gene-clinvar plots (bihealth/reev#445) (#97)

bihealth · Feb 6, 2024 · 79658a3 · 79658a3
1 parent fcf376e
commit 79658a3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/components/GeneClinvarCard/ClinvarFreqPlot.vue b/src/components/GeneClinvarCard/ClinvarFreqPlot.vue
@@ -63,7 +63,10 @@ const vegaData = computed<any>(() => {
   }[] = []
   for (const record of props.clinvarPerGene?.perFreqCounts || []) {
     for (let i = 0; i < record.counts.length; i++) {
-      if (record.counts[i] > 0) {
+      if (
+        record.counts[i] > 0 &&
+        record.coarseClinsig !== CoarseClinicalSignificance.COARSE_CLINICAL_SIGNIFICANCE_UNKNOWN
+      ) {
         const value = {
           coarseClinsig: COARSE_CLINSIG_LABELS[record.coarseClinsig],
           freqBucket: bucketLabels[i],
@@ -127,7 +130,7 @@ const vegaEncoding = {
     type: 'nominal',
     sort: Object.values(COARSE_CLINSIG_LABELS),
     scale: {
-      domain: Object.values(COARSE_CLINSIG_LABELS),
+      domain: Object.values(COARSE_CLINSIG_LABELS).filter((label) => label !== 'unknown'),
       range: ['#5d9936', '#f5c964', '#b05454']
     }
   }

diff --git a/src/components/GeneClinvarCard/ClinvarImpact.vue b/src/components/GeneClinvarCard/ClinvarImpact.vue
@@ -144,7 +144,7 @@ const clinsigColor = (coarseClinsigIdx: number, percent: number): string => {
     case 2:
       return `rgba(93, 153, 54, ${intensity})`
     case 1:
-      return `rgba(150, 150, 150, ${intensity})`
+      return `rgba(245, 201, 100, ${intensity})`
     case 0:
       return `rgba(176, 84, 84, ${intensity})`
     default: