Recolors the CDC's SARS-CoV-2 (COVID-19) wastewater levels map to use a clearer color scheme.
CDC wastewater map recolor by drh
Details
Authordrh
LicenseCC0-1.0 OR MIT OR Apache-2.0
Categorywww.cdc.gov
Created
Updated
Size2.1 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
No more low-contrast pastel blues! Applies only to the following webpage: https://www.cdc.gov/nwss/rv/COVID19-currentlevels.html
Colors can be customized in the style settings. The default colors are taken from the CDC's influenza surveillance map.
Source code
/* ==UserStyle==
@name CDC wastewater map recolor
@namespace https://userstyles.world/~drh
@version 1.1.1
@description Recolors the CDC's SARS-CoV-2 wastewater levels map.
@author Daniel Hast
@license CC0-1.0 OR MIT OR Apache-2.0
@var color color-very-high '"Very high"' #6E0000
@var color color-high '"High"' #CC0000
@var color color-moderate '"Moderate"' #FC8200
@var color color-low '"Low"' #F7DF00
@var color color-minimal '"Minimal"' #8CF700
@var color color-no-data '"No data"' #B4B4B4
==/UserStyle== */
@-moz-document url-prefix("https://www.cdc.gov/nwss/rv/COVID19-currentlevels.html") {
/* "Very high" */
g[style*="rgb(52, 84, 123)"] {
fill: var(--color-very-high) !important;
}
.legend-item[style*="rgb(52, 84, 123)"] {
background-color: var(--color-very-high) !important;
}
/* "High" */
g[style*="rgb(75, 127, 155)"] {
fill: var(--color-high) !important;
}
.legend-item[style*="rgb(75, 127, 155)"] {
background-color: var(--color-high) !important;
}
/* "Moderate" */
g[style*="rgb(107, 176, 189)"] {
fill: var(--color-moderate) !important;
}
.legend-item[style*="rgb(107, 176, 189)"] {
background-color: var(--color-moderate) !important;
}
/* "Low" */
g[style*="rgb(159, 218, 208)"] {
fill: var(--color-low) !important;
}
.legend-item[style*="rgb(159, 218, 208)"] {
background-color: var(--color-low) !important;
}
/* "Minimal" */
g[style*="rgb(200, 239, 218)"] {
fill: var(--color-minimal) !important;
}
.legend-item[style*="rgb(200, 239, 218)"] {
background-color: var(--color-minimal) !important;
}
/* "No data" */
g[style*="rgb(180, 180, 180)"] {
fill: var(--color-no-data) !important;
}
.legend-item[style*="rgb(180, 180, 180)"] {
background-color: var(--color-no-data) !important;
}
/* Makes state boundaries more visually distinct */
path.single-geo {
stroke: black !important;
}
/* Adds source text for screenshots */
p.subtext::after {
content: 'Source: https://www.cdc.gov/nwss/rv/COVID19-currentlevels.html';
margin-left: 24px;
}
}