Skip to content

CDC wastewater map recolor by drh

Screenshot of CDC wastewater map recolor

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

Recolors the CDC's SARS-CoV-2 (COVID-19) wastewater levels map to use a clearer color scheme.

Notes

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;
}

}

Reviews

No reviews yet.