diff --git a/src/components/plots.tsx b/src/components/plots.tsx index 5afc7a5..8be3fb1 100644 --- a/src/components/plots.tsx +++ b/src/components/plots.tsx @@ -191,7 +191,7 @@ export function AggregatePlot({ const lineCount = Math.max(1, paths.length) // gentler 1/sqrt(n) falloff: isolated lines stay visible while dense clusters // still accumulate to a solid mass - const opacity = 1 / Math.sqrt(lineCount) + const opacity = Math.max(0.25, 1 / Math.sqrt(lineCount)) const [hover, setHover] = useState<{ sample: MetricEntry @@ -267,7 +267,7 @@ export function AggregatePlot({ fill="none" stroke={color} stroke-opacity={opacity} - stroke-width="1.5" + stroke-width="1" stroke-linejoin="round" stroke-linecap="round" /> diff --git a/src/light.css b/src/light.css index 4e0774d..1816382 100644 --- a/src/light.css +++ b/src/light.css @@ -48,7 +48,7 @@ --shadow-color: #0004; --shadow: 0.35rem 0.35rem 0 var(--shadow-color); --shadow-lg: 0.55rem 0.55rem 0 var(--shadow-color); - --blend-overlap: multiply; + --blend-overlap: darken; --overlay: rgba(0, 0, 0, 0.35); --sheen: rgba(255, 255, 255, 0.75); --sheen-strong: rgba(255, 255, 255, 0.9);