feat: increase color saturation

nonzzz · Jan 26, 2025 · 425b40e · 425b40e
1 parent 17a5acd
commit 425b40e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/primitives/decorator.ts b/src/primitives/decorator.ts
@@ -71,9 +71,9 @@ function evaluateColorMappings(data: NativeModule[]): ColorMappings {
     return hash % 360
   }
 
-  const lightScale = (depth: number) => 70 - depth * 5
-  const baseSaturation = 40
-  const siblingHueShift = 20
+  const lightScale = (depth: number) => 60 - depth * 5
+  const baseSaturation = 70
+  const siblingHueShift = 30
 
   const rc = 0.2126
   const gc = 0.7152
@@ -114,8 +114,8 @@ function evaluateColorMappings(data: NativeModule[]): ColorMappings {
     const luminance = calculateLuminance(r, g, b)
 
     if (luminance < 0.6) {
-      hslColor.l += 0.2
-    } else if (luminance > 0.8) {
+      hslColor.l += 0.15
+    } else if (luminance > 0.65) {
       hslColor.l -= 0.1
     }
 

diff --git a/src/primitives/event.ts b/src/primitives/event.ts
@@ -309,7 +309,7 @@ export class TreemapEvent extends DOMEvent {
       treemap.highlight.setZIndexForHighlight()
       treemap.fontCache.flush(treemap, this.matrix)
       this.state.isWheeling = true
-      const easedProgress = easing.cubicIn(progress)
+      const easedProgress = easing.cubicInOut(progress)
       const scale = (targetScaleRatio - this.matrix.a) * easedProgress
       this.matrix.a += scale
       this.matrix.d += scale