diff --git a/src/primitives/decorator.ts b/src/primitives/decorator.ts index 3ad222a..ba4cf3a 100644 --- 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 index c52ce54..02045ee 100644 --- 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