From 556127dee255de597aa30a80155a27f9372fc489 Mon Sep 17 00:00:00 2001 From: kaBeech Date: Sat, 22 Mar 2025 16:42:47 -0700 Subject: [PATCH] Distinguish colors in reduced color conditions Makes colored backgrounds more easily distinguishable in conditions with reduced color. Increases blue content in the 'false' color to increase distinction from the 'true' color in protanopic (no red) and deuteranopic (no green). Decreases red content in the 'false' color to increase distinction from the 'true' color in achromatopsic (no color) conditions. Does not meaningfully address visibility considerations in reduced contrast or blurry conditions. --- data/timeline.html | 2 +- main.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/data/timeline.html b/data/timeline.html index 2160ec8..e19cafc 100644 --- a/data/timeline.html +++ b/data/timeline.html @@ -152,7 +152,7 @@ .attr("y", 0) .attr("width", d => xScale(d.duration) - xScale(0)) .attr("height", rowHeight) - .attr("fill", d => d.value ? "#90EE90" : "#FFB6C1"); + .attr("fill", d => d.value ? "#90EE90" : "#E1B6ED"); }; // Draw numeric row with stretched hexagons diff --git a/main.html b/main.html index 01ffe29..2966ad2 100644 --- a/main.html +++ b/main.html @@ -190,7 +190,7 @@

Enter new stream details

.attr("y", 0) .attr("width", d => xScale(d.duration) - xScale(0)) .attr("height", rowHeight) - .attr("fill", d => d.value == "true" ? "#90EE90" : "#FFB6C1"); + .attr("fill", d => d.value == "true" ? "#90EE90" : "#E1B6ED"); } function redraw()