diff --git a/.gitignore b/.gitignore
index d89f36e..fdbd2f6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -43,3 +43,11 @@ scratch/
# User-specific files
.Ruserdata
.Rproj.user
+
+# pipeline files
+_targets/
+in/*
+!in/.empty
+!/in/CC23/.empty
+tmp/*
+!tmp/.empty
\ No newline at end of file
diff --git a/_targets.R b/_targets.R
new file mode 100644
index 0000000..ce071f4
--- /dev/null
+++ b/_targets.R
@@ -0,0 +1,83 @@
+library(targets)
+library(tidyverse)
+
+options(tidyverse.quiet = TRUE)
+tar_option_set(packages = c('aws.s3', 'magick', 'tools'))
+
+source("data-src/s3_upload.R")
+
+list(
+ # Download images to 'in/CC23' from
+ # https://doimspp.sharepoint.com/:f:/r/sites/IIDDStaff/Shared%20Documents/Function%20-%20Vizlab/Social%20media/30DayChartChallenge/chart-challenge-23/UPLOAD_IMAGES_HERE?csf=1&web=1&e=MAdFsZ
+ tar_target(
+ cc23_image_basenames,
+ list.files('in/CC23'),
+ cue = tar_cue(mode = "always")
+ ),
+ tar_target(
+ cc23_images,
+ file.path('in/CC23', cc23_image_basenames),
+ pattern = map(cc23_image_basenames),
+ format = 'file'
+ ),
+
+ # SKIP SCALING FOR NOW
+ # ALSO SKIP EXPORTING AS PNG, SINCE SOME GIFS
+ # # compress images via rescaling size and reduce dpi (density) output
+ # # export as png
+ # tar_target(
+ # image_scaled_png,{
+ # out_file <- sprintf('tmp/%s', basename(cc23_images))
+ # image_read(cc23_images) |>
+ # image_scale("x300") |>
+ # image_write(out_file, density = 92)
+ # return(out_file)
+ # },
+ # pattern = map(cc23_images),
+ # format = 'file'
+ # ),
+
+ # export as webp to optimize browser delivery
+ tar_target(
+ image_scaled_webp,{
+ file_name <- tools::file_path_sans_ext(basename(cc23_images))
+ out_file <- sprintf('tmp/%s.webp', file_name)
+ image_read(cc23_images) |>
+ image_scale("x400") |>
+ image_write(out_file, density = 300, compression = "WebP")
+ return(out_file)
+ },
+ pattern = map(cc23_images),
+ format = 'file'
+ ),
+ # Build list of png and webp version for each image
+ tar_target(
+ image_list,
+ c(cc23_images, image_scaled_webp),
+ format = 'file',
+ pattern = map(cc23_images, image_scaled_webp)
+ ),
+ # store compressed images in s3
+ tar_target(
+ image_upload_s3, {
+ # upload png and webp files for each image
+ purrr::map_dfr(image_list, function(image_file) {
+ file_name <- basename(image_file)
+ file_s3 <- sprintf('visualizations/charts/%s', file_name)
+ s3_upload(filepath_s3 = file_s3,
+ on_exists = "replace",
+ filepath_local = image_file)
+ })
+ },
+ pattern = map(image_list)
+ ),
+ tar_target(
+ upload_log_csv,{
+ file_out <- 'out/upload_log.csv'
+ image_upload_s3 %>%
+ write_csv(file_out)
+ return(file_out)
+ },
+ format = "file"
+ )
+)
\ No newline at end of file
diff --git a/data-src/s3_upload.R b/data-src/s3_upload.R
new file mode 100644
index 0000000..dd4210d
--- /dev/null
+++ b/data-src/s3_upload.R
@@ -0,0 +1,33 @@
+s3_upload <- function(filepath_s3,
+ filepath_local,
+ on_exists = c("replace", "stop"),
+ verbose = FALSE,
+ config_file = "lib/cfg/s3_config_viz.yml") {
+
+ # Access bucket
+ s3_config <- yaml::yaml.load_file(config_file)
+ aws.signature::use_credentials(profile = s3_config$profile)
+
+ # Check to see if the file already exists and use `on_exists`
+ # argument to determine what the user wants to do
+ bucket_contents <- aws.s3::get_bucket_df(bucket = s3_config$bucket)
+ exists_on_s3 <- filepath_s3 %in% bucket_contents$Key
+ match.arg(on_exists)
+
+ if (exists_on_s3 && on_exists == "stop") {
+ stop("File already exists and on_exists==stop")
+ } else {
+ if (verbose) message("Uploading ", filepath_local, " to S3, overwriting = ", exists_on_s3)
+
+ status <- aws.s3::put_object(file = filepath_local,
+ object = filepath_s3,
+ bucket = s3_config$bucket)
+ }
+
+ # Construct a filepath and timestamp of when it was last updated
+ tibble(
+ local_filepath = filepath_local,
+ s3_filepath = filepath_s3,
+ timestamp = Sys.time()
+ )
+}
diff --git a/in/.empty b/in/.empty
new file mode 100644
index 0000000..e69de29
diff --git a/out/.empty b/out/.empty
new file mode 100644
index 0000000..e69de29
diff --git a/out/upload_log.csv b/out/upload_log.csv
new file mode 100644
index 0000000..c87f4f8
--- /dev/null
+++ b/out/upload_log.csv
@@ -0,0 +1,69 @@
+local_filepath,s3_filepath,timestamp
+in/CC23/20230401a_part-to-whole_mcarr.png,visualizations/charts/20230401a_part-to-whole_mcarr.png,2023-05-22T16:35:07Z
+tmp/20230401a_part-to-whole_mcarr.webp,visualizations/charts/20230401a_part-to-whole_mcarr.webp,2023-05-22T16:35:10Z
+in/CC23/20230401b_part-to-whole_mcarr.png,visualizations/charts/20230401b_part-to-whole_mcarr.png,2023-05-22T16:35:13Z
+tmp/20230401b_part-to-whole_mcarr.webp,visualizations/charts/20230401b_part-to-whole_mcarr.webp,2023-05-22T16:35:16Z
+in/CC23/20230402_waffle_eazadpour.png,visualizations/charts/20230402_waffle_eazadpour.png,2023-05-22T16:35:18Z
+tmp/20230402_waffle_eazadpour.webp,visualizations/charts/20230402_waffle_eazadpour.webp,2023-05-22T16:35:21Z
+in/CC23/20230402_waffle_hcorson-dosch.png,visualizations/charts/20230402_waffle_hcorson-dosch.png,2023-05-22T16:35:23Z
+tmp/20230402_waffle_hcorson-dosch.webp,visualizations/charts/20230402_waffle_hcorson-dosch.webp,2023-05-22T16:35:25Z
+in/CC23/20230403_flora-fauna-aaarcher.png,visualizations/charts/20230403_flora-fauna-aaarcher.png,2023-05-22T16:35:31Z
+tmp/20230403_flora-fauna-aaarcher.webp,visualizations/charts/20230403_flora-fauna-aaarcher.webp,2023-05-22T16:35:33Z
+in/CC23/20230403_flora_cee.gif,visualizations/charts/20230403_flora_cee.gif,2023-05-22T16:35:36Z
+tmp/20230403_flora_cee.webp,visualizations/charts/20230403_flora_cee.webp,2023-05-22T16:35:39Z
+in/CC23/20230404_historical_aaarcher.png,visualizations/charts/20230404_historical_aaarcher.png,2023-05-22T16:35:42Z
+tmp/20230404_historical_aaarcher.webp,visualizations/charts/20230404_historical_aaarcher.webp,2023-05-22T16:35:44Z
+in/CC23/20230404_historical_eazadpour_cnell.png,visualizations/charts/20230404_historical_eazadpour_cnell.png,2023-05-22T16:35:47Z
+tmp/20230404_historical_eazadpour_cnell.webp,visualizations/charts/20230404_historical_eazadpour_cnell.webp,2023-05-22T16:35:50Z
+in/CC23/20230406_OWID_hcorson-dosch.png,visualizations/charts/20230406_OWID_hcorson-dosch.png,2023-05-22T16:35:53Z
+tmp/20230406_OWID_hcorson-dosch.webp,visualizations/charts/20230406_OWID_hcorson-dosch.webp,2023-05-22T16:35:55Z
+in/CC23/20230407_hazards_conlon_colgin.gif,visualizations/charts/20230407_hazards_conlon_colgin.gif,2023-05-22T16:35:59Z
+tmp/20230407_hazards_conlon_colgin.webp,visualizations/charts/20230407_hazards_conlon_colgin.webp,2023-05-22T16:36:05Z
+in/CC23/20230408_humans_hcorson-dosch.png,visualizations/charts/20230408_humans_hcorson-dosch.png,2023-05-22T16:36:09Z
+tmp/20230408_humans_hcorson-dosch.webp,visualizations/charts/20230408_humans_hcorson-dosch.webp,2023-05-22T16:36:12Z
+in/CC23/20230409_high-low_aaarcher.png,visualizations/charts/20230409_high-low_aaarcher.png,2023-05-22T16:36:15Z
+tmp/20230409_high-low_aaarcher.webp,visualizations/charts/20230409_high-low_aaarcher.webp,2023-05-22T16:36:17Z
+in/CC23/20230411_circular_jhariharan.png,visualizations/charts/20230411_circular_jhariharan.png,2023-05-22T16:36:20Z
+tmp/20230411_circular_jhariharan.webp,visualizations/charts/20230411_circular_jhariharan.webp,2023-05-22T16:36:22Z
+in/CC23/20230413_pop-culture_ajmartinez.gif,visualizations/charts/20230413_pop-culture_ajmartinez.gif,2023-05-22T16:36:29Z
+tmp/20230413_pop-culture_ajmartinez.webp,visualizations/charts/20230413_pop-culture_ajmartinez.webp,2023-05-22T16:36:37Z
+in/CC23/20230413_pop-culture_eazadpour.png,visualizations/charts/20230413_pop-culture_eazadpour.png,2023-05-22T16:36:39Z
+tmp/20230413_pop-culture_eazadpour.webp,visualizations/charts/20230413_pop-culture_eazadpour.webp,2023-05-22T16:36:41Z
+in/CC23/20230414_new-tool_eazadpour.gif,visualizations/charts/20230414_new-tool_eazadpour.gif,2023-05-22T16:36:48Z
+tmp/20230414_new-tool_eazadpour.webp,visualizations/charts/20230414_new-tool_eazadpour.webp,2023-05-22T16:37:09Z
+in/CC23/20230415_positive-negative_aaarcher01.png,visualizations/charts/20230415_positive-negative_aaarcher01.png,2023-05-22T16:37:11Z
+tmp/20230415_positive-negative_aaarcher01.webp,visualizations/charts/20230415_positive-negative_aaarcher01.webp,2023-05-22T16:37:14Z
+in/CC23/20230415_positive-negative_aaarcher02.png,visualizations/charts/20230415_positive-negative_aaarcher02.png,2023-05-22T16:37:19Z
+tmp/20230415_positive-negative_aaarcher02.webp,visualizations/charts/20230415_positive-negative_aaarcher02.webp,2023-05-22T16:37:22Z
+in/CC23/20230417_networks_hcorson-dosch.png,visualizations/charts/20230417_networks_hcorson-dosch.png,2023-05-22T16:37:28Z
+tmp/20230417_networks_hcorson-dosch.webp,visualizations/charts/20230417_networks_hcorson-dosch.webp,2023-05-22T16:37:30Z
+in/CC23/20230419_anthropocene_mjaenicke.png,visualizations/charts/20230419_anthropocene_mjaenicke.png,2023-05-22T16:37:33Z
+tmp/20230419_anthropocene_mjaenicke.webp,visualizations/charts/20230419_anthropocene_mjaenicke.webp,2023-05-22T16:37:35Z
+in/CC23/20230420a_correlation_aaarcher.png,visualizations/charts/20230420a_correlation_aaarcher.png,2023-05-23T22:39:52Z
+tmp/20230420a_correlation_aaarcher.webp,visualizations/charts/20230420a_correlation_aaarcher.webp,2023-05-23T22:39:54Z
+in/CC23/20230420b_correlation_aaarcher.gif,visualizations/charts/20230420b_correlation_aaarcher.gif,2023-05-23T22:34:35Z
+tmp/20230420b_correlation_aaarcher.webp,visualizations/charts/20230420b_correlation_aaarcher.webp,2023-05-23T22:34:40Z
+in/CC23/20230421_down-upward_aaarcher.png,visualizations/charts/20230421_down-upward_aaarcher.png,2023-05-22T16:37:52Z
+tmp/20230421_down-upward_aaarcher.webp,visualizations/charts/20230421_down-upward_aaarcher.webp,2023-05-22T16:37:54Z
+in/CC23/20230421_downupward_nschmer.png,visualizations/charts/20230421_downupward_nschmer.png,2023-05-22T16:37:57Z
+tmp/20230421_downupward_nschmer.webp,visualizations/charts/20230421_downupward_nschmer.webp,2023-05-22T16:38:00Z
+in/CC23/20230422_green-energy_ancarr.png,visualizations/charts/20230422_green-energy_ancarr.png,2023-05-22T16:38:03Z
+tmp/20230422_green-energy_ancarr.webp,visualizations/charts/20230422_green-energy_ancarr.webp,2023-05-22T16:38:06Z
+in/CC23/20230423_tiles_hcorson-dosch.png,visualizations/charts/20230423_tiles_hcorson-dosch.png,2023-05-22T16:38:10Z
+tmp/20230423_tiles_hcorson-dosch.webp,visualizations/charts/20230423_tiles_hcorson-dosch.webp,2023-05-22T16:38:13Z
+in/CC23/20230425_global-change_knuessly.png,visualizations/charts/20230425_global-change_knuessly.png,2023-05-22T16:38:17Z
+tmp/20230425_global-change_knuessly.webp,visualizations/charts/20230425_global-change_knuessly.webp,2023-05-22T16:38:19Z
+in/CC23/20230426a_local-change_ewhite.png,visualizations/charts/20230426a_local-change_ewhite.png,2023-05-22T16:38:23Z
+tmp/20230426a_local-change_ewhite.webp,visualizations/charts/20230426a_local-change_ewhite.webp,2023-05-22T16:38:27Z
+in/CC23/20230426b_local-change_ewhite.png,visualizations/charts/20230426b_local-change_ewhite.png,2023-05-22T16:38:31Z
+tmp/20230426b_local-change_ewhite.webp,visualizations/charts/20230426b_local-change_ewhite.webp,2023-05-22T16:38:33Z
+in/CC23/20230428_trend_eazadpour.png,visualizations/charts/20230428_trend_eazadpour.png,2023-05-22T16:38:36Z
+tmp/20230428_trend_eazadpour.webp,visualizations/charts/20230428_trend_eazadpour.webp,2023-05-22T16:38:38Z
+in/CC23/20230428_trends_greatlakesice.png,visualizations/charts/20230428_trends_greatlakesice.png,2023-05-22T16:38:42Z
+tmp/20230428_trends_greatlakesice.webp,visualizations/charts/20230428_trends_greatlakesice.webp,2023-05-22T16:38:44Z
+in/CC23/20230428_trends_msleckman.png,visualizations/charts/20230428_trends_msleckman.png,2023-05-22T16:38:47Z
+tmp/20230428_trends_msleckman.webp,visualizations/charts/20230428_trends_msleckman.webp,2023-05-22T16:38:49Z
+in/CC23/20230429_monochrome_mharlan.gif,visualizations/charts/20230429_monochrome_mharlan.gif,2023-05-22T16:38:52Z
+tmp/20230429_monochrome_mharlan.webp,visualizations/charts/20230429_monochrome_mharlan.webp,2023-05-22T16:38:55Z
+in/CC23/20230430_worldbank_jhariharan.gif,visualizations/charts/20230430_worldbank_jhariharan.gif,2023-05-22T16:38:58Z
+tmp/20230430_worldbank_jhariharan.webp,visualizations/charts/20230430_worldbank_jhariharan.webp,2023-05-22T16:39:03Z
diff --git a/public/viz-list.csv b/public/viz-list.csv
index e482902..f3d6ed9 100644
--- a/public/viz-list.csv
+++ b/public/viz-list.csv
@@ -1,5 +1,5 @@
id,released,viz-type,group,title,description,img,alt,url,utm,tags,code,
-snow-tiles-hex,1/3/2023,,chart,,,snow-tiles-hex.png,"A map of the contiguous U.S. using a snowflake hex pattern to show snow persistence over a 20-year period. Snow persistence is measured as the snow cover index, or the average fraction of time snow was on the ground from Jan 1 to. July 3 from 2001-2020. Snowier places are white with snow, emphasizing the Rocky Mountains and Sierra range in the western U.S., and Maine in the northeast. The majority of the southern half of the country is within a 0-10% snow cover index. Data from: https://doi.org/10.5066/P9U7U5FP ",https://www.usgs.gov/media/images/tis-season-be-snowy-data-viz,https://www.usgs.gov/media/images/tis-season-be-snowy-data-viz,,,
+snow-tiles-hex,1/3/2023,,chart,Tis the season to be snowy,,snow-tiles-hex.png,"A map of the contiguous U.S. using a snowflake hex pattern to show snow persistence over a 20-year period. Snow persistence is measured as the snow cover index, or the average fraction of time snow was on the ground from Jan 1 to. July 3 from 2001-2020. Snowier places are white with snow, emphasizing the Rocky Mountains and Sierra range in the western U.S., and Maine in the northeast. The majority of the southern half of the country is within a 0-10% snow cover index. Data from: https://doi.org/10.5066/P9U7U5FP ",https://www.usgs.gov/media/images/tis-season-be-snowy-data-viz,https://www.usgs.gov/media/images/tis-season-be-snowy-data-viz,,,
water-cycle,10/13/2022,,interactives,The Water Cycle,Zoomable version of the water cycle diagram,water-cycle-thumbnail.png,A zoomed out view of a water cycle diagram,https://labs.waterdata.usgs.gov/visualizations/water-cycle/index.html#/,https://labs.waterdata.usgs.gov/visualizations/water-cycle/index.html#/?utm_source=web&utm_medium=vizlab_home&utm_campaign=card,water cycle,https://github.com/USGS-VIZLAB/water-cycle,
pools-and-fluxes,10/13/2022,,interactives,Pools and Fluxes in the Water Cycle,All of the water on Earth,pnf-thumbnail.png,An illustration of the water cycle showing precipitation and runoff.,https://labs.waterdata.usgs.gov/visualizations/pools-and-fluxes/index.html#/,https://labs.waterdata.usgs.gov/visualizations/pools-and-fluxes/index.html#/?utm_source=web&utm_medium=vizlab_home&utm_campaign=card,water cycle,https://github.com/USGS-VIZLAB/pools-and-fluxes,
river-conditions-202207-202209,1/19/2023,,event,"River Conditions: Oct 1 to Dec 31, 2022",,river_conditions_oct_dec_2022_square_thumbnail.png,A map of all USGS streamflow gages in the U.S. with a color scale from red to blue to indicate dry to wet flow conditions.,https://www.usgs.gov/media/videos/us-river-conditions-october-december-2022,https://www.usgs.gov/media/videos/us-river-conditions-october-december-2022,,https://github.com/USGS-VIZLAB/gage-conditions-gif,
@@ -11,30 +11,30 @@ gw-conditions,1/12/2022,,event,U.S. Groundwater Conditions,,gw-conditions-thumbn
river-conditions-202110-202112,1/6/2022,,event,"River Conditions: Oct 1 to Dec 31, 2021",,river_conditions_oct_dec_2021_thumbnail.png,A map of all USGS streamflow gages in the U.S. with a color scale from red to blue to indicate dry to wet flow conditions.,https://www.usgs.gov/media/videos/us-river-conditions-october-december-2021,https://www.usgs.gov/media/videos/us-river-conditions-october-december-2021,,https://github.com/USGS-VIZLAB/gage-conditions-gif,
river-conditions-wy21,1/5/2022,,event,River Conditions: Water Year 2021,,us_river_conditions_water_year_2021_thumbnail.png,A map of all USGS streamflow gages in the U.S. with a color scale from red to blue to indicate dry to wet flow conditions.,https://www.usgs.gov/media/videos/us-river-conditions-water-year-2021,https://www.usgs.gov/media/videos/us-river-conditions-water-year-2021,,https://github.com/USGS-VIZLAB/gage-conditions-gif,
,10/1/2021,,event,"River Conditions: July 1 to Sept 30, 2021",,river_conditions_apr_jun_2021_thumbnail.png,A map of all USGS streamflow gages in the U.S. with a color scale from red to blue to indicate dry to wet flow conditions.,https://www.usgs.gov/media/videos/us-river-conditions-july-september-2021,https://www.usgs.gov/media/videos/us-river-conditions-july-september-2021,,https://github.com/USGS-VIZLAB/gage-conditions-gif,
-flow-cartogram-202212,1/1/2023,,chart,,,flow-cartogram-202212.png,"A cartogram map showing streamflow levels comapred to the historic record for a year, using a proportional area chart. There are temporal fluctuations in the proportion of streamgages in wet and dry conditions.",https://twitter.com/USGS_DataSci/status/1611415629768298496,https://twitter.com/USGS_DataSci/status/1611415629768298496,,,
-volume-flows,9/30/2021,,chart,,,volume-flows.jpeg,"A pictogram chart depicting the volume of all water fluxes on earth. Drippy, a water droplet cartoon, represents 3,100 km3 of water and is drawn show scale differences in the largest water flow, ocean circulation with 7,100,000 km3 per year, to ice discharge which is a single Drippy.",https://twitter.com/USGS_DataSci/status/1443655682134269954,https://twitter.com/USGS_DataSci/status/1443655682134269954,,,
+flow-cartogram-202212,1/1/2023,,chart,Flow cartogram December 2022,,flow-cartogram-202212.png,"A cartogram map showing streamflow levels comapred to the historic record for a year, using a proportional area chart. There are temporal fluctuations in the proportion of streamgages in wet and dry conditions.",https://twitter.com/USGS_DataSci/status/1611415629768298496,https://twitter.com/USGS_DataSci/status/1611415629768298496,,,
+volume-flows,9/30/2021,,chart,Global flows,,volume-flows.jpeg,"A pictogram chart depicting the volume of all water fluxes on earth. Drippy, a water droplet cartoon, represents 3,100 km3 of water and is drawn show scale differences in the largest water flow, ocean circulation with 7,100,000 km3 per year, to ice discharge which is a single Drippy.",https://twitter.com/USGS_DataSci/status/1443655682134269954,https://twitter.com/USGS_DataSci/status/1443655682134269954,,,
hurricane-ida-2020,9/28/2021,animation,event,Hurricane Ida,Hurricane Ida's Water Footprint,water-viz-hurricane-ida-thumbnail.png,"A map showing the path of Hurricane Ida, and subsequent precipitation and flooding in the area.",https://www.usgs.gov/media/images/hurricane-ida-water-footprint-data-visualization,https://www.usgs.gov/media/images/hurricane-ida-water-footprint-data-visualization,"hurricane, animation, r",https://github.com/USGS-VIZLAB/vizstorm-GIF/tree/Ida-2021,
hurricane-henri-2020,9/23/2021,animation,event,Hurricane Henri,Hurricane Henri's Water Footprint,water-viz-hurricane-henri-thumbnail.png,"A map showing the path of Tropical Storm Henri, and subsequent precipitation and flooding in the area.",https://www.usgs.gov/media/images/hurricane-henri-water-footprint-data-visualization,https://www.usgs.gov/media/images/hurricane-henri-water-footprint-data-visualization,"hurricane, animation, r",https://github.com/USGS-VIZLAB/vizstorm-GIF/tree/Henri-2021,
-flow-cartogram-202108,9/2/2021,,chart,,,flow-cartogram-202108.jpeg,A cartogram map showing August streamflow levels comapred to the historic record for each state.,https://twitter.com/USGS_DataSci/status/1433873850475950080,https://twitter.com/USGS_DataSci/status/1433873850475950080,,,
-forecast-gradient,8/15/2021,,chart,,,forecast-gradient.jpeg,"A chart of 7-day-ahead forecasts of maximum stream temperature at 5 sites in the Delaware River Basin. For each site, a week of temperature forecasts are shown using gradient intervals to illustrate the 90% ci. Predictions exceeding a 75F temperature threshold are highlighted. In. most cases, the observed temperature is within the 90% ci of the predicted.",https://twitter.com/USGS_DataSci/status/1430976331190317062,https://twitter.com/USGS_DataSci/status/1430976331190317062,,,
-,8/5/2021,,chart,,,jobs-donut-connex.jpeg,"An annotated donut chart with the title “How did you hear about the Product Owner position?” The biggest category is USAJobs, which represents about half of the total. The second biggest category is unknown, taking up about a quarter of the total. Twitter and Colleague references make up less than a quarter of the donut chart. Small slivers show that Slack, Google, Internal candidates, Listservs, Universities, Job Boards, and LinkedIn make up one or two candidates each. Green arrows circle groups of dots in some groups and link them to other groups, showing when candidates heard about the position from more than one place. The biggest connection is that three candidates who said they heard from a colleague also mentioned USA Jobs.",https://twitter.com/USGS_DataSci/status/1423343558946435076,https://twitter.com/USGS_DataSci/status/1423343558946435076,,,
-flow-area,8/1/2021,,chart,,,flow-area-202008-202108.jpeg,A cartogram map showing July streamflow levels comapred to the historic record for each state.,https://twitter.com/USGS_DataSci/status/1427737134702731274,https://twitter.com/USGS_DataSci/status/1427737134702731274,,,
-flow-cartogram-202107,8/1/2021,,chart,,,flow-cartogram-202107.jpeg,"A cartogram map showing streamflow levels comapred to the historic record for a year, using a proportional area chart. There are temporal fluctuations in the proportion of streamgages in wet and dry conditions.",https://twitter.com/USGS_DataSci/status/1425867811042308102,https://twitter.com/USGS_DataSci/status/1425867811042308102,,,
+flow-cartogram-202108,9/2/2021,,chart,Flow cartogram August 2021,,flow-cartogram-202108.jpeg,A cartogram map showing August streamflow levels comapred to the historic record for each state.,https://twitter.com/USGS_DataSci/status/1433873850475950080,https://twitter.com/USGS_DataSci/status/1433873850475950080,,,
+forecast-gradient,8/15/2021,,chart,Stream temperature forecast,,forecast-gradient.jpeg,"A chart of 7-day-ahead forecasts of maximum stream temperature at 5 sites in the Delaware River Basin. For each site, a week of temperature forecasts are shown using gradient intervals to illustrate the 90% ci. Predictions exceeding a 75F temperature threshold are highlighted. In. most cases, the observed temperature is within the 90% ci of the predicted.",https://twitter.com/USGS_DataSci/status/1430976331190317062,https://twitter.com/USGS_DataSci/status/1430976331190317062,,,
+jobs-donut-chart,8/5/2021,,chart,Where heard about job ,,jobs-donut-connex.jpeg,"An annotated donut chart with the title “How did you hear about the Product Owner position?” The biggest category is USAJobs, which represents about half of the total. The second biggest category is unknown, taking up about a quarter of the total. Twitter and Colleague references make up less than a quarter of the donut chart. Small slivers show that Slack, Google, Internal candidates, Listservs, Universities, Job Boards, and LinkedIn make up one or two candidates each. Green arrows circle groups of dots in some groups and link them to other groups, showing when candidates heard about the position from more than one place. The biggest connection is that three candidates who said they heard from a colleague also mentioned USA Jobs.",https://twitter.com/USGS_DataSci/status/1423343558946435076,https://twitter.com/USGS_DataSci/status/1423343558946435076,,,
+flow-area,8/1/2021,,chart,US streamflow 2021 - 2021,,flow-area-202008-202108.jpeg,A cartogram map showing July streamflow levels comapred to the historic record for each state.,https://twitter.com/USGS_DataSci/status/1427737134702731274,https://twitter.com/USGS_DataSci/status/1427737134702731274,,,
+flow-cartogram-202107,8/1/2021,,chart,Flow cartogram July 2021,,flow-cartogram-202107.jpeg,"A cartogram map showing streamflow levels comapred to the historic record for a year, using a proportional area chart. There are temporal fluctuations in the proportion of streamgages in wet and dry conditions.",https://twitter.com/USGS_DataSci/status/1425867811042308102,https://twitter.com/USGS_DataSci/status/1425867811042308102,,,
river-conditions-202104-202106,7/1/2021,animation,event,"River Conditions: April 1 to June 31, 2021",,river_conditions_apr_jun_2021_thumbnail.png,A map of all USGS streamflow gages in the U.S. with a color scale from red to blue to indicate dry to wet flow conditions.,https://www.usgs.gov/media/videos/us-river-conditions-april-june-2021,https://www.usgs.gov/media/videos/us-river-conditions-april-june-2021,"river-conditions, animation, r, nwis, flow",https://github.com/USGS-VIZLAB/gage-conditions-gif,
temperature-prediction-modeling,6/21/2021,narrative,interactives,How we Model Stream Temperature in the Delaware River Basin,,temp-modeling-physics-01.png,"An illustration of a stream showing icons for factors that affect stream temperature: solar radiation, precipitation, and shade.",https://labs.waterdata.usgs.gov/visualizations/temperature-prediction/index.html#/modeling,https://labs.waterdata.usgs.gov/visualizations/temperature-prediction/index.html#/modeling?utm_source=web&utm_medium=vizlab_home&utm_campaign=card,"temperature, interactive, d3, DRB, ML",https://github.com/usgs-makerspace/temperature-prediction,
-dreamsicle,6/21/2021,,chart,,,iceflag_dreamsicle_viz_lplatt_twitter.png,A cartogram map of the U.S. made of plots that look like dreamsicles showing the proportion of data points affected by ice flags.,https://twitter.com/USGS_DataSci/status/1413579318010122242,https://twitter.com/USGS_DataSci/status/1413579318010122242,,,
+dreamsicle,6/21/2021,,chart,Dream(sicl)ing of ice-affected gages,,iceflag_dreamsicle_viz_lplatt_twitter.png,A cartogram map of the U.S. made of plots that look like dreamsicles showing the proportion of data points affected by ice flags.,https://twitter.com/USGS_DataSci/status/1413579318010122242,https://twitter.com/USGS_DataSci/status/1413579318010122242,,,
temperature-prediction-monitoring,6/2/2021,narrative,interactives,How we Monitor Stream Temperature in the Delaware River Basin,,temp-monitor.jpg,A map of stream reaches in the Delaware River Basin artistically embedded in a line chart showing stream temperature throughtout the year.,https://labs.waterdata.usgs.gov/visualizations/temperature-prediction/index.html#/monitoring,https://labs.waterdata.usgs.gov/visualizations/temperature-prediction/index.html#/monitoring?utm_source=web&utm_medium=vizlab_home&utm_campaign=card,"temperature, interactive, d3, DRB, ML",https://github.com/usgs-makerspace/temperature-prediction,
-hex-map,6/1/2021,,chart,,,hex-map_large.png,"A hex map of the U.S. showing the frequency of stream temperature observations. The Delaware River Basin and PNW have bright spots, indicating the highest number of observations.",https://labs.waterdata.usgs.gov/visualizations/temperature-prediction/index.html#/modeling,https://labs.waterdata.usgs.gov/visualizations/temperature-prediction/index.html?utm_source=web&utm_medium=vizlab_home&utm_campaign=card,,,
-rmse-bees,5/21/2021,,chart,,,rmse_bees_twitter-01.png,"Beeswarm charts stacked along the horizontal axis, showing RMSE for stream temperature predictions under defferent models. The ANN has the widest distribution of RMSEs, whereas the process-guided machine learning model has the lowest RMSEs overall.",https://labs.waterdata.usgs.gov/visualizations/temperature-prediction/index.html#/modeling,https://labs.waterdata.usgs.gov/visualizations/temperature-prediction/index.html#/modeling?utm_source=web&utm_medium=vizlab_home&utm_campaign=card,,,
-snow-to-flow-linechart,5/1/2021,,chart,,,snow-to-flow-linechart.png,A line chart of snow water equivalent and streamflow through a high snow year and a low snow year. In the high snow year,https://twitter.com/USGS_DataSci/status/1388869132356030464,https://twitter.com/USGS_DataSci/status/1388869132356030464,,,
-,4/28/2021,,chart,,,getting-snowier.jpeg,"A map of SNOTEL sites across the western U.S. that uses a bivariate color ramp to show two variables: how much snow a site receives in a typical year (mean peak SWE for the historic record) and how much snow it received in April 2021 (SWE percentile). It asks ""Are snowy places getting snowier?"". A number of sites that typically get a lot of snow received more snow than on record, but a greater nmber of sites had less snow than the historic record, and a third falling within a typical range.",https://twitter.com/USGS_DataSci/status/1387450575772606467/photo/1,https://twitter.com/USGS_DataSci/status/1387450575772606467/photo/1,,,
+hex-map,6/1/2021,,chart,Temperature observations hex map,,hex-map_large.png,"A hex map of the U.S. showing the frequency of stream temperature observations. The Delaware River Basin and PNW have bright spots, indicating the highest number of observations.",https://labs.waterdata.usgs.gov/visualizations/temperature-prediction/index.html#/modeling,https://labs.waterdata.usgs.gov/visualizations/temperature-prediction/index.html?utm_source=web&utm_medium=vizlab_home&utm_campaign=card,,,
+rmse-bees,5/21/2021,,chart,RGCN beeswarm,,rmse_bees_twitter-01.png,"Beeswarm charts stacked along the horizontal axis, showing RMSE for stream temperature predictions under defferent models. The ANN has the widest distribution of RMSEs, whereas the process-guided machine learning model has the lowest RMSEs overall.",https://labs.waterdata.usgs.gov/visualizations/temperature-prediction/index.html#/modeling,https://labs.waterdata.usgs.gov/visualizations/temperature-prediction/index.html#/modeling?utm_source=web&utm_medium=vizlab_home&utm_campaign=card,,,
+snow-to-flow-linechart,5/1/2021,,chart,From Snow to Flow linechart,,snow-to-flow-linechart.png,A line chart of snow water equivalent and streamflow through a high snow year and a low snow year. In the high snow year,https://twitter.com/USGS_DataSci/status/1388869132356030464,https://twitter.com/USGS_DataSci/status/1388869132356030464,,,
+snow-to-flow-map,4/28/2021,,chart,Are snowy places getting snowier?,,getting-snowier.jpeg,"A map of SNOTEL sites across the western U.S. that uses a bivariate color ramp to show two variables: how much snow a site receives in a typical year (mean peak SWE for the historic record) and how much snow it received in April 2021 (SWE percentile). It asks ""Are snowy places getting snowier?"". A number of sites that typically get a lot of snow received more snow than on record, but a greater nmber of sites had less snow than the historic record, and a third falling within a typical range.",https://twitter.com/USGS_DataSci/status/1387450575772606467/photo/1,https://twitter.com/USGS_DataSci/status/1387450575772606467/photo/1,,,
snow-to-flow,4/16/2021,narrative,interactives,From Snow to Flow,What changing snowmelt means for water in the Western U.S.,snow-to-flow.jpg,"An image of mountains near a lake covered in snow, with peak-like line charts artistically placed in the background.",https://labs.waterdata.usgs.gov/visualizations/snow-to-flow/index.html#/,https://labs.waterdata.usgs.gov/visualizations/snow-to-flow/index.html#/?utm_source=web&utm_medium=vizlab_home&utm_campaign=card,"interactive, IWS, UCOL, snow",https://github.com/USGS-VIZLAB/snow-to-flow,
-fire-cost,4/16/2021,,chart,,,firechart-01.png,"A bubble chart showing the relationship between the ""Millions of acres burned & millions of dollars spent suppressing wildfires"". In recent yearsthe number of acres burned and fire suppression costs have been the highest on record.",https://twitter.com/USGS_DataSci/status/1382392034724564993,https://twitter.com/USGS_DataSci/status/1382392034724564993,,,
-snowmelt-timing,4/10/2021,,chart,,,snowmelt-timing-2020.png,"A dot plot showing the timing of snowmelt from 1981-2020 for all SNOTEL sites. There is a large amount of variation within and among years, with timing occurring as early or late as 50 days from the median snowmelt date in some years.",https://twitter.com/USGS_DataSci/status/1381726113488117762,https://twitter.com/USGS_DataSci/status/1381726113488117762,,,
-magic-reservoir,4/2/2021,,chart,,,magic.png,"A three panel chart showing (1) a silhouette map of the Magic Reservoir, (2) the median streamflow throughout the year upstream and downstream from the reservoir, and (3) the difference between upstream and downstream flow. This illustrates that prior to the summer, streamflow is higher upstream and after it is higher downstream due to reservoir releases.",https://twitter.com/USGS_DataSci/status/1378722525895528458,https://twitter.com/USGS_DataSci/status/1378722525895528458,,,
+fire-cost,4/16/2021,,chart,Fire cost,,firechart-01.png,"A bubble chart showing the relationship between the ""Millions of acres burned & millions of dollars spent suppressing wildfires"". In recent yearsthe number of acres burned and fire suppression costs have been the highest on record.",https://twitter.com/USGS_DataSci/status/1382392034724564993,https://twitter.com/USGS_DataSci/status/1382392034724564993,,,
+snowmelt-timing,4/10/2021,,chart,Snowment timing,,snowmelt-timing-2020.png,"A dot plot showing the timing of snowmelt from 1981-2020 for all SNOTEL sites. There is a large amount of variation within and among years, with timing occurring as early or late as 50 days from the median snowmelt date in some years.",https://twitter.com/USGS_DataSci/status/1381726113488117762,https://twitter.com/USGS_DataSci/status/1381726113488117762,,,
+magic-reservoir,4/2/2021,,chart,Magic reservoir,,magic.png,"A three panel chart showing (1) a silhouette map of the Magic Reservoir, (2) the median streamflow throughout the year upstream and downstream from the reservoir, and (3) the difference between upstream and downstream flow. This illustrates that prior to the summer, streamflow is higher upstream and after it is higher downstream due to reservoir releases.",https://twitter.com/USGS_DataSci/status/1378722525895528458,https://twitter.com/USGS_DataSci/status/1378722525895528458,,,
river-conditions-202101-202103,4/1/2021,animation,event,"River Conditions: January 1 to March 31, 2021",,river_conditions_jan_mar_2021_thumbnail.png,A map of all USGS streamflow gages in the U.S. with a color scale from red to blue to indicate dry to wet flow conditions.,https://www.usgs.gov/media/videos/us-river-conditions-january-march-2021,https://www.usgs.gov/media/videos/us-river-conditions-january-march-2021,"river-conditions, animation, r, nwis, flow",https://github.com/USGS-VIZLAB/gage-conditions-gif,
the-534-day-flood,4/1/2021,static,chart,The 534-day flood,"A look at the longest flood over the last 20 years at site 06472000 on the James River, SD",the-534-day-flood.png,"A streamgraph showing the max flood duration at streamgages over the last 20 years. One site on the James River in South Dakota was flooding for 534 days continuously, greatly exceeding the flood duration at any other site.",https://www.usgs.gov/media/images/534-day-flood-site-06472000-james-river-sd,https://www.usgs.gov/media/images/534-day-flood-site-06472000-james-river-sd,"interactive, IWS, DRB",https://github.com/USGS-VIZLAB/viz-scratch/tree/main/500_days_of_flooding,
-pictogram-pools,4/1/2021,,chart,,,pictogram-volume.jpg,"A pictogram of the volume of all water on Earth. Drippy, a cartoon water droplet, represents 500,000 km3 of water and is used to compare volume across oceans, ice, groundwater, and all other ocmponents of the water cycle. The volume of oceans (1,340,000,000 km3 greatly exceeds all other water pools, followed by ice (25,800,000 km3), groundwater (22,600,000 km3), and everything else (495,000 km3).",https://twitter.com/USGS_DataSci/status/1378070227670327296,https://twitter.com/USGS_DataSci/status/1378070227670327296,,,
+pictogram-pools,4/1/2021,,chart,Pictogram pools,,pictogram-volume.jpg,"A pictogram of the volume of all water on Earth. Drippy, a cartoon water droplet, represents 500,000 km3 of water and is used to compare volume across oceans, ice, groundwater, and all other ocmponents of the water cycle. The volume of oceans (1,340,000,000 km3 greatly exceeds all other water pools, followed by ice (25,800,000 km3), groundwater (22,600,000 km3), and everything else (495,000 km3).",https://twitter.com/USGS_DataSci/status/1378070227670327296,https://twitter.com/USGS_DataSci/status/1378070227670327296,,,
river-conditions-202010-202012,1/1/2021,animation,event,"River Conditions: October 1 to December 31, 2020",,river_conditions_oct_dec_2020_thumbnail.png,A map of all USGS streamflow gages in the U.S. with a color scale from red to blue to indicate dry to wet flow conditions.,https://www.usgs.gov/media/videos/us-river-conditions-october-december-2020,https://www.usgs.gov/media/videos/us-river-conditions-october-december-2020,"river-conditions, animation, r, nwis, flow",https://github.com/USGS-VIZLAB/gage-conditions-gif,
delaware-basin-story,12/1/2020,narrative,interactives,Water science and management in the Delaware River Basin,How water quality and quantity are intertwined,DRBthumb.png,"A watercolor image of the Delaware River Basin showing the locations of reservoirs, NGWOS sensors, and stream reaches. ",https://labs.waterdata.usgs.gov/visualizations/delaware-basin-story/index.html#/,https://labs.waterdata.usgs.gov/visualizations/delaware-basin-story/index.html#/?utm_source=web&utm_medium=vizlab_home&utm_campaign=card,"interactive, IWS, DRB",https://github.com/usgs-makerspace/delaware-basin-story,
fire-hydro,11/5/2020,narrative,interactives,How wildfires threaten U.S. water supplies,Communities across the United States and the globe rely on clean water flowing from forested watersheds. But these water source areas are impacted by the effects of wildfire.,fire-hydro.jpg,"A thumbnail showing a burn scar from a wildfire, with a line chart of the total acres burned by wildfires abstractly in the background.",https://labs.waterdata.usgs.gov/visualizations/fire-hydro/index.html#/,https://labs.waterdata.usgs.gov/visualizations/fire-hydro/index.html#/?utm_source=web&utm_medium=vizlab_home&utm_campaign=card,"interactive, IWS, UCOL, fire",https://github.com/usgs-makerspace/fire-hydro,
@@ -42,7 +42,7 @@ river-conditions-202007-202009,10/1/2020,animation,river-conditions,"July 1 to S
hurricane-sally-2020,9/23/2020,animation,event,Hurricane Sally,Hurricane Sally's Water Footprint,water-viz-hurricane-sally-thumb.png,"A map showing the path of Hurricane Sally, and subsequent precipitation and flooding in the area.",https://www.usgs.gov/media/images/hurricane-sally-water-footprint-data-visualization,https://www.usgs.gov/media/images/hurricane-sally-water-footprint-data-visualization,"hurricane, animation, r",https://github.com/USGS-VIZLAB/vizstorm-GIF/tree/Sally-2020,
river-conditions-202004-202006,7/1/2020,animation,river-conditions,"April 1 to June 1, 2020",,river_conditions_apr_jun_2020_thumbnail.png,A map of all USGS streamflow gages in the U.S. with a color scale from red to blue to indicate dry to wet flow conditions.,https://www.usgs.gov/media/videos/us-river-conditions-april-june-2020,https://www.usgs.gov/media/videos/us-river-conditions-april-june-2020,"river-conditions, animation, r, nwis, flow",https://github.com/USGS-VIZLAB/gage-conditions-gif,
gages-through-the-ages,7/1/2020,narrative,interactives,Gages Through the Ages,How the history of streamgaging reflects the evolving water needs of the nation,gages-cartogram-01.png,A cartogram map of the U.S. made from area charts depicting the total number of USGS streamgages in each state over time.,https://labs.waterdata.usgs.gov/visualizations/gages-through-the-ages/index.html#/,https://labs.waterdata.usgs.gov/visualizations/gages-through-the-ages/index.html?utm_source=web&utm_medium=vizlab_home&utm_campaign=card,interactive,https://github.com/usgs-makerspace/gages-through-the-ages,
-flow-rainbows,6/15/2020,,chart,,,flow-rainbows.png,"A collection of ""Streamflow rainbows"", showing 100 years of streamflow data at USGS streamgage locations. Each rainbow has 5 color bands representing 5 20-year time periods of streamflow data. The bands show the 95% CI of 7-day streamflow throughout the year. Separation between the rainbow bands indicate change through time.",https://twitter.com/USGS_DataSci/status/1337449986339041281,https://twitter.com/USGS_DataSci/status/1337449986339041281,,,
+flow-rainbows,6/15/2020,,chart,Flow rainbows,,flow-rainbows.png,"A collection of ""Streamflow rainbows"", showing 100 years of streamflow data at USGS streamgage locations. Each rainbow has 5 color bands representing 5 20-year time periods of streamflow data. The bands show the 95% CI of 7-day streamflow throughout the year. Separation between the rainbow bands indicate change through time.",https://twitter.com/USGS_DataSci/status/1337449986339041281,https://twitter.com/USGS_DataSci/status/1337449986339041281,,,
river-conditions-202001-202003,4/1/2020,animation,river-conditions,"January 1 to March 31, 2020",,river_conditions_apr_jun_2020_thumbnail.png,A map of all USGS streamflow gages in the U.S. with a color scale from red to blue to indicate dry to wet flow conditions.,https://www.usgs.gov/media/videos/us-river-conditions-january-march-2020,https://www.usgs.gov/media/videos/us-river-conditions-january-march-2020,"river-conditions, animation, r, nwis, flow",https://github.com/USGS-VIZLAB/gage-conditions-gif,
river-conditions-201910-201912,1/1/2020,animation,river-conditions,"October 1 to December 31, 2019",,,A map of all USGS streamflow gages in the U.S. with a color scale from red to blue to indicate dry to wet flow conditions.,https://www.usgs.gov/media/videos/us-river-conditions-october-december-2019,https://www.usgs.gov/media/videos/us-river-conditions-october-december-2019,"river-conditions, animation, r, nwis, flow",https://github.com/USGS-VIZLAB/gage-conditions-gif,
river-conditions-201901-201906,7/1/2019,animation,river-conditions,"January to June, 2019",,,A map of all USGS streamflow gages in the U.S. with a color scale from red to blue to indicate dry to wet flow conditions.,https://www.usgs.gov/media/videos/us-river-conditions-january-june-2019-data-visualization,https://www.usgs.gov/media/videos/us-river-conditions-january-june-2019-data-visualization,"river-conditions, animation, r, nwis, flow",https://github.com/USGS-VIZLAB/gage-conditions-gif,
diff --git a/src/App.vue b/src/App.vue
index 93cfe71..b8d2922 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -122,6 +122,16 @@ h3{
font-size: 1em;
}
}
+h4{
+ font-size: 1.2em;
+ padding: 0.3em 0em 0.2em 0em;
+ margin: 0px;
+ font-family: $sourceSans;
+ font-weight: 400;
+ @media screen and (max-width: 600px) {
+ font-size: 1em;
+ }
+}
a {
color: $coolBlue;
}
diff --git a/src/assets/content/CC23.js b/src/assets/content/CC23.js
new file mode 100644
index 0000000..3fdc1ca
--- /dev/null
+++ b/src/assets/content/CC23.js
@@ -0,0 +1,412 @@
+export default {
+ chartChallengeCharts: [
+ {
+ id: '1',
+ date: '2023-04-01',
+ cc_prompt: 'Comparisons: part-to-whole',
+ author: 'Mandie Carr',
+ profile_url: 'https://www.usgs.gov/staff-profiles/amanda-carr',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1642168132013027328?cxt=HHwWgMDToeXNk8otAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/comparisons-part-whole-image-1',
+ image_basename: '20230401a_part-to-whole_mcarr',
+ image_type: 'png',
+ image_alt: 'Where is Earth\'s water? Series of 3 interconnected tree maps for all Earth\'s water, all freshwater, and surface & other freshwater. All Earth\'s water tree map is broken down in size order displaying oceans, other saline water, and freshwater. Second tree map displays all freshwater broken down in size order by glaciers & ice caps, groundwater, and surface & other freshwater. Third tree map breaks down surface & other freshwater in size order by ground ice & permafrost, lakes, soil moisture, atmosphere, swaps & marshes, rivers, and living things.'
+ },
+ {
+ id: '2',
+ date: '2023-04-01',
+ cc_prompt: 'Comparisons: part-to-whole',
+ author: 'Mandie Carr',
+ profile_url: 'https://www.usgs.gov/staff-profiles/amanda-carr',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1642168132013027328?cxt=HHwWgMDToeXNk8otAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/comparisons-part-whole-image-2',
+ image_basename: '20230401b_part-to-whole_mcarr',
+ image_type: 'png',
+ image_alt: 'Where is Earth\'s water? Series of 3 landscapes depicting where water is in blue for all Earth\'s water, all freshwater, and surface & other freshwater. All Earth\'s landscape denotes regions of freshwater, other saline water, and oceans; All freshwater landscape denotes regions of glaciers & ice caps, surface & other freshwater, and groundwater; surface & other freshwater landscape denotes regions of swaps & marches, ground ice & permafrost, lakes, soil moisture, atmosphere, swaps & marshes, rivers, and living things.'
+ },
+ {
+ id: '3',
+ date: '2023-04-02',
+ cc_prompt: 'Comparisons: waffle',
+ author: 'Elmera Azadpour',
+ profile_url: 'https://www.usgs.gov/staff-profiles/elmera-azadpour',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1642512475722481676?cxt=HHwWmICw6Z2ZsMstAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/comparisons-waffle-regional-patterns-4-common-drinking-water-contaminants',
+ image_basename: '20230402_waffle_eazadpour',
+ image_type: 'png',
+ image_alt: 'Waffle charts are colorized and faceted by contaminant (Pb, Fe, NO3-, and Sr) and region (West, Central, Midwest, East). Each 10 x 10 waffle charts shows the proportion of study area that contains high, moderate, and low concentrations where 1 square = 1 % of region. Figure contains callouts where, for example, NO3- in the Central U.S. show greater proportions of high due to fertilizer use and permeable soils.'
+ },
+ {
+ id: '4',
+ date: '2023-04-02',
+ cc_prompt: 'Comparisons: waffle',
+ author: 'Hayley Corson-Dosch',
+ profile_url: 'https://www.usgs.gov/staff-profiles/hayley-corson-dosch',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1642513512118222849?cxt=HHwWgoCwycfVsMstAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/comparisons-waffle-2015-daily-water-use',
+ image_basename: '20230402_waffle_hcorson-dosch',
+ image_type: 'png',
+ image_alt: 'In 2015, water use in the U.S. totaled 322 billion gallons/day. Total water use is broken out into 8 categories using different colors. The categories, in ranked order for 2015, followed by their water use, in units of billion gallons/day, are: thermoelectric power (133), Irrigation (118), public supply (39), self-supplied industrial (14.8), aquaculture (7.6), mining (4), self-supplied domestic (3.3) and livestock (2).'
+ },
+ {
+ id: '5',
+ date: '2023-04-03',
+ cc_prompt: 'Comparisons: fauna/flora',
+ author: 'Althea Archer',
+ profile_url: 'https://www.usgs.gov/staff-profiles/althea-a-archer',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1643008373439471617?cxt=HHwWgoDR3aPakc0tAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/comparisons-faunaflora-urban-trees',
+ image_basename: '20230403_flora-fauna-aaarcher',
+ image_type: 'png',
+ image_alt: 'Six panel data visualization in the graphical form of a comic. The first panel is of a bright sun with trees lining a street that has tall buildings on either side. The second panel shows a squirrel sitting on a park bench under a tree; the squirrel\'s thought bubble reads: \'it\'s so hot today, glad I can shelter under this tree.\' The third panel depicts a chart of a tree with flowers of varying size which depicts the magnitude of energy savings for 744 major US cities. The fourth panel shows a skyline with a storm; the text reads: \'Later that day...\' The fifth panel depicts a chart where the length and size of the water droplets indicate the average water savings by state. The sixth panel says, \'Learn more about how urban trees reduce energy costs and increase rain infiltration across the United States.\' with the USGS logo and DOI link for data.'
+ },
+ {
+ id: '6',
+ date: '2023-04-03',
+ cc_prompt: 'Comparisons: fauna/flora',
+ author: 'Cee Nell',
+ profile_url: 'https://www.usgs.gov/staff-profiles/cee-nell',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1643033875218857984?cxt=HHwWgIDU5damnc0tAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/comparisons-florafauna-time-spring-leaf-out',
+ image_basename: '20230403_flora_cee',
+ image_type: 'gif',
+ image_alt: 'An animation of spring leaf out timing in the contiguous U.S. from Jan 1 2023 to Apr 3, 2023. A map and bar chart are synchronized to show the onset of spring as the year progresses, with southernmost parts of the U.S. first entering spring and rising up through parts of the midwest and east coast. On the west coast, spring first appears in southern California and Arizona, moving up towards Washington along the coast, while the interior western states remain in winter. Compared to the 30 year average, spring timing is generally consistent.'
+ },
+ {
+ id: '7',
+ date: '2023-04-04',
+ cc_prompt: 'Comparisons: historical',
+ author: 'Althea Archer',
+ profile_url: 'https://www.usgs.gov/staff-profiles/althea-a-archer',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1643378388751597568?cxt=HHwWgIC-0YD8uc4tAAAA',
+ drupal_url: 'https://cms.usgs.gov/media/images/comparisons-historical-minimum-annual-streamflow-across-generations',
+ image_basename: '20230404_historical_aaarcher',
+ image_type: 'png',
+ image_alt: 'A data visualization showing how Minimum Annual Streamflow has changed from generation to generation over the past 100 years. Across the contiguous United States, streamflow has increased by 22% when comparing the baseline “Silent generation” (1920-1946) against the Gen Z years (1997-2020). Regionally, streamflow has increased on average for every area of the U.S. other than the Southwest (excluding California) and Southeast, which both have decreased 10-14% since the silent generation. The largest increase was in the south central region, which was an increase of 81%.'
+ },
+ {
+ id: '8',
+ date: '2023-04-04',
+ cc_prompt: 'Comparisons: historical',
+ author: 'Elmera Azadpour and Cee Nell',
+ profile_url: '',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1643383570965184514?cxt=HHwWhIC-kdOpvM4tAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/march-2023-streamflow',
+ image_basename: '20230404_historical_eazadpour_cnell',
+ image_type: 'png',
+ image_alt: 'A tile map of the US showing streamgages by flow levels through the month of March 2023. For each state, an area chart shows the proportion of streamgages in wet, normal, or dry conditions. Streamflow conditions are quantified using percentiles comparing the past month\'s flow levels to the historic record for each streamgage. During the month of March, storms brought wetter than normal conditions for much of the U.S. Concurrently, large parts of California, the Southwest and the Mississippi River Basin saw heightened precipitation, while much of the Northwest and Northern Plains remain dry.'
+ },
+ {
+ id: '9',
+ date: '2023-04-06',
+ cc_prompt: 'Comparisons: data day: OWID',
+ author: 'Hayley Corson-Dosch',
+ profile_url: 'https://www.usgs.gov/staff-profiles/hayley-corson-dosch',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1644092108104400899?cxt=HHwWhoCwmfjD_tAtAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/comparisons-data-day-owid-lives-lost-natural-disasters',
+ image_basename: '20230406_OWID_hcorson-dosch',
+ image_type: 'png',
+ image_alt: 'An alluvial diagram showing the number of deaths due to natural disasters in the United States over the past 50 years (1972 - 2022). The data include deaths due to eight types of natural disasters: wildfires, drought, extreme temperatures, landslides, volcanic activity, earthquakes, storms, and floods. In most years, the largest cause of deaths are storms (hurricanes, tornadoes, and cyclones). Some individual events stand out, for example deaths due to the eruption of Mt. Saint Helens and to the 2018 Camp Fire in California. For each type of disaster, a timeseries of deaths is plotted as a horizontal band of varying height. The height corresponds to the number of deaths caused by that type of disaster. The bands are stacked, and total height equals total deaths across all disaster types. The stacking order varies by year, so that the band with the most deaths is on top. The bands therefore cross one another, showing changes in deaths over time and the top causes of deaths in each year.'
+ },
+ {
+ id: '10',
+ date: '2023-04-07',
+ cc_prompt: 'Distributions: hazards',
+ author: 'Matthew Conlon and James Colgin',
+ profile_url: '',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1644410199711842304?cxt=HHwWgIDUraeXj9ItAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/distributions-hazards-flooding-norriston-pa-during-hurricane-ida-september-2021',
+ image_basename: '20230407_hazards_conlon_colgin',
+ image_type: 'gif',
+ image_alt: 'A 3D aerial view of Norristown, Pennsylvania shows where the Schuylkill River passes through the city. The water in the river is shown in bright blue, while the surrounding city is shown in natural color. The view animates through time, showing how the water level in the river rose rapidly during Hurricane Ida in September 2021, eclipsing an island in the center of the river, two bridges, and much of the lower reaches of the city.'
+ },
+ {
+ id: '11',
+ date: '2023-04-08',
+ cc_prompt: 'Distributions: humans',
+ author: 'Hayley Corson-Dosch',
+ profile_url: 'https://www.usgs.gov/staff-profiles/hayley-corson-dosch',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1644686840312610818?cxt=HHwWhIC-ufT9jNMtAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/distributions-humans-how-are-we-using-water',
+ image_basename: '20230408_humans_hcorson-dosch',
+ image_type: 'png',
+ image_alt: '8 maps of the continental U.S. show county-level water use for 8 categories of use – thermoelectric, irrigation, public supply, industrial, aquaculture, mining, domestic, and livestock. Use in each category is shown as a percent of total water use, by county. In the northern plains, most water is used for livestock. In west Texas, most water is used for mining. In northern Maine, most water is used for industry.'
+ },
+ {
+ id: '12',
+ date: '2023-04-09',
+ cc_prompt: 'Distributions: high/low',
+ author: 'Althea Archer',
+ profile_url: 'https://www.usgs.gov/staff-profiles/althea-a-archer',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1645049420805820417?cxt=HHwWgsC-0e_usdQtAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/distributions-highlow-a-tale-two-winters',
+ image_basename: '20230409_high-low_aaarcher',
+ image_type: 'png',
+ image_alt: 'A Tale of two winters. A map of CONUS and lollipop style charts show the difference in percent snow covered area for February 2023 compared to the 20-year mean (2003-2022). Paired charts show the relationships between latitude, longitude, and difference in percent snow covered area, depicting two very different winters between the coasts. High snow conditions were mainly in the west and lower snow to the east.'
+ },
+ {
+ id: '13',
+ date: '2023-04-11',
+ cc_prompt: 'Distributions: circular',
+ author: 'Jay Hariharan',
+ profile_url: 'https://www.usgs.gov/staff-profiles/jayaram-hariharan',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1645908291300765696?cxt=HHwWgMDRvdu3uNctAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/distributions-circular-circularity-named-lakes-united-states',
+ image_basename: '20230411_circular_jhariharan',
+ image_type: 'png',
+ image_alt: 'Circularity of named lakes in the U.S. A histogram shows circularity for lakes and reservoirs in the United States, defined as 4π * Area / perimeter squared. The distribution is skewed left, as most lakes and reservoirs aren\'t very circular. Specific lakes are highlighted, such as sinuous Lake Cumberland, in Kentucky, which has low circularity, and Lower Van Norman Lake, California which has high circularity. Non-lake examples of shapes such as a rhombus and circle that include circularity, area, and perimeter values are shown for comparison.'
+ },
+ {
+ id: '14',
+ date: '2023-04-13',
+ cc_prompt: 'Relationships: pop culture',
+ author: 'Anthony Martinez',
+ profile_url: 'https://www.usgs.gov/staff-profiles/anthony-martinez',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1646632023581401088?cxt=HHwWgIDRlb3GgdotAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/relationships-pop-culture-water-uses-affected-wildfire-2000-2020',
+ image_basename: '20230413_pop-culture_ajmartinez',
+ image_type: 'gif',
+ image_alt: 'Animated map of the continental U.S. and paired line chart. For each month from 2000 to 2020, the map shows burned areas within water supply watersheds, and the chart displays the total number of affected water users. In 2003, 2005, 2014, and 2017, wildfires burned key water supply watersheds that together supply water to over 1.5 million consumers.'
+ },
+ {
+ id: '15',
+ date: '2023-04-13',
+ cc_prompt: 'Relationships: pop culture',
+ author: 'Elmera Azadpour',
+ profile_url: 'https://www.usgs.gov/staff-profiles/elmera-azadpour',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1646632643562475520?cxt=HHwWgMDUscjqgdotAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/relationships-pop-culture-thirty-years-daily-average-streamflow-cubic-feet-second-rio',
+ image_basename: '20230413_pop-culture_eazadpour',
+ image_type: 'png',
+ image_alt: 'Mean daily streamflow (cfs) of the Rio Grande at Embudo, New Mexico from 1991 to 2022. The chart has a black background and the 30 years of mean daily streamflow data are plotted as stacked white ridge lines that emulate the aesthetics of a classic rock album. In each year there is a peak of streamflow mid-year, with tapering streamflow levels during winter months.'
+ },
+ {
+ id: '16',
+ date: '2023-04-14',
+ cc_prompt: 'Relationships: new tool',
+ author: 'Elmera Azadpour',
+ profile_url: 'https://www.usgs.gov/staff-profiles/elmera-azadpour',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1646967370483920896?cxt=HHwWgMDTpZ6GmtstAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/relationships-new-tool-split-panel-map-inspecting-timeseries-images-landsat-and-nlcd',
+ image_basename: '20230414_new-tool_eazadpour',
+ image_type: 'gif',
+ image_alt: 'A split-panel map of Salt Lake City, Utah, highlighting the Great Salt Lake, shows 2006 Landsat imagery on the left side panel and 2006 NLCD, with colorized legend of land use classes on the right. The animation displays a slider being used to switch between the two different datasets, revealing the land cover classes shown in Landsat imagery. A user is interacting with dropdown menus for each of the panels to change data sources from 2006 to 2016.'
+ },
+ {
+ id: '17',
+ date: '2023-04-15',
+ cc_prompt: 'Relationships: positve/negative',
+ author: 'Althea Archer',
+ profile_url: 'https://www.usgs.gov/staff-profiles/althea-a-archer',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1647223501651099650?cxt=HHwWhIC2mYTDjtwtAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/relationships-positivenegative-march-2023-snow-covered-area',
+ image_basename: '20230415_positive-negative_aaarcher01',
+ image_type: 'png',
+ image_alt: 'A map of the contiguous U.S. using a snowflake hex pattern to show snow cover for March 2023. Snowier places are white with snow, emphasizing the Rocky Mountains and Sierra range in the western U.S., the Upper Midwest, and Maine in the northeast. The majority of the eastern half of the country is within a 0-10% snow cover index, including the lower Midwest and much of New England.'
+ },
+ {
+ id: '18',
+ date: '2023-04-15',
+ cc_prompt: 'Relationships: positve/negative',
+ author: 'Althea Archer',
+ profile_url: 'https://www.usgs.gov/staff-profiles/althea-a-archer',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1647223501651099650?cxt=HHwWhIC2mYTDjtwtAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/relationships-positivenegative-march-2023-relative-snow-covered-area',
+ image_basename: '20230415_positive-negative_aaarcher02',
+ image_type: 'png',
+ image_alt: 'A map of the contiguous U.S. using a snowflake hex pattern to show relative snow cover for March 2023 compared to 20-year average (2003 through 2022). Much of the western states experienced more snow than normal, such as the Rocky Mountains and the upper Great Plains. Much of the eastern U.S. is green indicating less snow cover than usual, including the lower Midwest and much of New England.'
+ },
+ {
+ id: '19',
+ date: '2023-04-17',
+ cc_prompt: 'Relationships: networks',
+ author: 'Hayley Corson-Dosch',
+ profile_url: 'https://www.usgs.gov/staff-profiles/hayley-corson-dosch',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1648357029214298117?cxt=HHwWioCx1YL_keAtAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/relationships-network-which-stream-order-covers-most-distance',
+ image_basename: '20230417_networks_hcorson-dosch',
+ image_type: 'png',
+ image_alt: 'A map of the Potomac River stream network is colored by Strahler stream order, where higher order represents a larger stream. Next to the map is a donut chart, showing that small headwater streams (order 1) make up 57% of the river network, by length. The first three orders of streams, together, make up 87% of the network by length. The eighth-order Potomac River makes up less than 1% of the river network, by length. Data for the plot are USGS National Hydrography Dataset High Resolution.'
+ },
+ {
+ id: '20',
+ date: '2023-04-19',
+ cc_prompt: 'Timeseries: anthropocene',
+ author: 'Margaret Jaenicke',
+ profile_url: '',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1648799423697412096?cxt=HHwWgIDTteKV2-EtAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/timeseries-anthropocene-grand-canyon-be-dammed',
+ image_basename: '20230419_anthropocene_mjaenicke',
+ image_type: 'png',
+ image_alt: 'A heatmap of streamflow downstream from the Glen Canyon Dam at USGS gage 09402500 in the Grand Canyon. The heatmap shows within year variation in streamflow from 1920 to 2020, and how this has changed with the construction of the Glen Canyon Dam, There is natural variability throughout the year until 1963 when the Glen Canyon Dam began impounding water to fill Lake Powell. After that, the streamflow showed much more seasonal changes as the dam and water releases were controlled by water managers.'
+ },
+ {
+ id: '21',
+ date: '2023-04-20',
+ cc_prompt: 'Timeseries: correlation',
+ author: 'Althea Archer',
+ profile_url: 'https://www.usgs.gov/staff-profiles/althea-a-archer',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1649167330209943555?cxt=HHwWhsC-xd-8guMtAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/timeseries-correlation-hysteresis-image-1',
+ image_basename: '20230420a_correlation_aaarcher',
+ image_type: 'png',
+ image_alt: 'A scatter plot of water temperature versus air temperature on April 27, 2019, for the Paine Run stream in Shenandoah National Park. Points are plotted for each 30-minute interval. Daytime points are hollow, while nighttime points are solid. The points form a figure eight shape, illustrating the concept of hysteresis - a phenomenon in which the value of a physical property lags behind changes in the effect causing it. For example, stream temperature changes in response to air temperature, but the stream warms more slowly than air in the mornings, and cools more slowly than air in the evenings. If water temperature tracked stream temperature exactly, the points would fall on a straight line, rather than in a figure eight.'
+ },
+ {
+ id: '22',
+ date: '2023-04-20',
+ cc_prompt: 'Timeseries: correlation',
+ author: 'Althea Archer',
+ profile_url: 'https://www.usgs.gov/staff-profiles/althea-a-archer',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1649167330209943555?cxt=HHwWhsC-xd-8guMtAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/timeseries-correlation-hysteresis-image-2',
+ image_basename: '20230420b_correlation_aaarcher',
+ image_type: 'gif',
+ image_alt: 'Animation showing changes in stream temperature relative to air temperature over the course of a day. The animation begins at midnight, adding a point at each half-hour interval. After dawn, as air temperature starts warming, the stream warms more slowly than air, and water temperature lags behind air temperature. Similarly, in the evening, the stream cools more slowly than the air. Over the course of the day, the points form a figure eight shape.'
+ },
+ {
+ id: '23',
+ date: '2023-04-21',
+ cc_prompt: 'Timeseries: down/upwards',
+ author: 'Natalie Schmer',
+ profile_url: 'https://www.usgs.gov/staff-profiles/natalie-schmer',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1649510834924847109?cxt=HHwWioDUja3XnuQtAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/timeseries-downupwards-long-term-daily-stream-temperatures',
+ image_basename: '20230421_downupward_nschmer',
+ image_type: 'png',
+ image_alt: 'A tile map of the U.S. showing mean daily stream temperature for the 5 USGS stream sites with the longest daily temperature records in each U.S. state. The oldest site, in Philadelphia, Pennsylvania, began collecting data in October 1964. For each state, a line chart shows the mean daily temperature for each day of year, averaged over the period of record for each site. Stream temperatures in most states are between 0 and 20 degrees Celsius in winter months, and peak around 30 degrees Celsius in the summer. Sites in some states display different patterns. For example, at the Hawaii sites, stream temperature remains around 25 degrees Celsius year-round. At the Alaska sites, summer temperatures peak around 12 degrees Celsius.'
+ },
+ {
+ id: '24',
+ date: '2023-04-21',
+ cc_prompt: 'Timeseries: down/upwards',
+ author: 'Althea Archer',
+ profile_url: 'https://www.usgs.gov/staff-profiles/althea-a-archer',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1649511296055017475?cxt=HHwWhoDU5ZjynuQtAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/timeseries-downupwards-ocean-currents-cycle-between-warmer-el-nino-and-cooler-la-nina',
+ image_basename: '20230421_down-upward_aaarcher',
+ image_type: 'png',
+ image_alt: 'A timeseries of monthly Oceanic Niño Index values from 1950 to 2023. The y-axis is mirrored at 0, with positive teal values indicating el Niño periods and negative lavender values corresponding to la Niña periods. The chart sits over a watercolor wash that has a gradient from teal at the top to lavender at the bottom. The ocean current-driven periods cycle every couple years, and we are currently in a la Niña period.'
+ },
+ {
+ id: '25',
+ date: '2023-04-22',
+ cc_prompt: 'Timeseries: green energy',
+ author: 'Mandie Carr',
+ profile_url: 'https://www.usgs.gov/staff-profiles/amanda-carr',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1649760530595233794?cxt=HHwWhIC26cadkOUtAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/timeseries-green-energy-electricity-generated-renewable-energy-us',
+ image_basename: '20230422_green-energy_ancarr',
+ image_type: 'png',
+ image_alt: 'Step chart timeseries of U.S. electricity generation (in gigawatt hours) across five classes of renewable energy, from 2000 to 2020. As of 2020, these classes ranked (from high to low): wind, hydropower, solar, bioenergy, and geothermal. From 2000 to 2020, wind power generation steadily grew from roughly 10,000 to over 325,000 gigawatt hours. Hydropower generation is consistently high but can be impacted by drought.'
+ },
+ {
+ id: '26',
+ date: '2023-04-23',
+ cc_prompt: 'Timeseries: tiles',
+ author: 'Hayley Corson-Dosch',
+ profile_url: 'https://www.usgs.gov/staff-profiles/hayley-corson-dosch',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1650122616722604033?cxt=HHwWgoC22d7xtOYtAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/timeseries-tiles-changes-us-water-use-1985-2015',
+ image_basename: '20230423_tiles_hcorson-dosch',
+ image_type: 'png',
+ image_alt: 'A tile map of the U.S. with alluvial charts for each state and the nation that show changes in the total volume of water use from 1985-2015 across eight categories (thermoelectric, irrigation, public supply, industrial, aquaculture, mining, domestic, and livestock). There is change in how much water is used (like the decline in Massachusetts) and in the categories of use (growth of irrigation in Arkansas).'
+ },
+ {
+ id: '27',
+ date: '2023-04-25',
+ cc_prompt: 'Uncertainties: global change',
+ author: 'Katie Nuessly',
+ profile_url: '',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1650967244401430533?cxt=HHwWisDSpcX9tOktAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/uncertainties-global-change-loss-north-american-grassland-biome',
+ image_basename: '20230425_global-change_knuessly',
+ image_type: 'png',
+ image_alt: 'The loss of the North American grassland biome. Once spanning more than 2 million square kilometers, we have lost over half of the world\'s most imperiled ecosystem: the temperate grasslands. A map of North America shows the loss of the grassland biome from Canada to Mexico, largely contained within the central plains of North America. The current grassland range is a subset of the historical extent, located mainly in the U.S. in parts of MT, ND, SD, NE, KS, OK, WY, CO, NM, & TX. Four midwestern states of IA, MO, MN, & WI have lost most of their historic grasslands. Only 50,000 square kilometers remain of Texas native grassland — 18% of historic grasslands in the state. Next to the map is a circular stacked bar chart that emphasizes the difference between current and lost grassland range (like the loss of half of Montana\'s native grassland). Overall, only 38% of historic native grasslands exist today. Chart made using data from Comer et al, 2018 doi.org/10.3375/043.038.0209.'
+ },
+ {
+ id: '28',
+ date: '2023-04-26',
+ cc_prompt: 'Uncertainties: local change',
+ author: 'Ellie White',
+ profile_url: '',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1651336691838504962?cxt=HHwWhMDSmZv-3OotAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/uncertainties-local-change-how-will-climate-change-affect-timing-fish-spawning-image-1',
+ image_basename: '20230426a_local-change_ewhite',
+ image_type: 'png',
+ image_alt: 'Circular calendar charts showing the projected effects of climate change on the onset and end of spawning for the American Shad and the Striped Bass in the Hudson River Estuary, during two modeling periods: 1950 to 2012 and 2012 to 2099. Representative Concentration Pathways (RCP) scenarios 2.6, 4.5, 6.0, and 8.5 were used to model spawning for each species in each period. RCP are scenarios constructed to represent how well we can curb and contain greenhouse gas emissions. RCP 2.6 implements the most aggressive strategies, while RCP 8.5 is "business-as-usual". The model results show increasing effects on spawning onset and end dates with less aggressive RCP. For the 2012 to 2099 model period, spawning is projected to start 15 days earlier on average than during the 1950 to 2012 period. The magnitude of the shift ranges from approximately 4 days for RCP 2.6 to over 20 days early for RCP 8.5.'
+ },
+ {
+ id: '29',
+ date: '2023-04-26',
+ cc_prompt: 'Uncertainties: local change',
+ author: 'Ellie White',
+ profile_url: '',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1651336691838504962?cxt=HHwWhMDSmZv-3OotAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/uncertainties-local-change-how-will-climate-change-affect-timing-fish-spawning-image-2',
+ image_basename: '20230426b_local-change_ewhite',
+ image_type: 'png',
+ image_alt: 'Under the Representative Concentration Pathways (RCP) 8.5 climate scenario (termed "business-as-usual"), the spawning period for American Shad and Striped Bass in the Hudson River Estuary is projected to start earlier and to be shorter overall. Circular calendar charts show the projected start, duration, and end of spawning for each species in each year from 1950-2099. For the 2012-2099 modeling period, spawning is projected to start 20 days earlier and end 26 days earlier on average compared to the 1950-2012 period.'
+ },
+ {
+ id: '30',
+ date: '2023-04-28',
+ cc_prompt: 'Uncertainties: trend',
+ author: 'Julie Padilla',
+ profile_url: '',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1652051986827874305?cxt=HHwWgsDUle6hou0tAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/uncertainties-trend-maximum-percent-ice-cover-great-lakes-difference-50-year-mean-1973',
+ image_basename: '20230428_trends_greatlakesice',
+ image_type: 'png',
+ image_alt: 'Six lollipop charts highlight deviations in maximum percent ice cover on the five Great Lakes (Lake Michigan, Lake Erie, Lake Superior, Lake Huron, and Lake Ontario) from 1973-2023. The difference in lake ice cover is shown for each lake and across the entire system compared to the 50-year mean (1973-2023). Positive oriented lollipops are shown in shades of blue, and negative oriented lollipop are shown in shades of purple. Across all five of the great lakes, 2023 maximum percent ice coverage was below the 50 year average, with basin wide ice coverage being 59% below average in 2023. Most lakes show a general pattern of lower ice coverage through time, although ice cover is highly variable from year to year.'
+ },
+ {
+ id: '31',
+ date: '2023-04-28',
+ cc_prompt: 'Uncertainties: trend',
+ author: 'Elmera Azadpour',
+ profile_url: 'https://www.usgs.gov/staff-profiles/elmera-azadpour',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1652053353634107397?cxt=HHwWisDU1bXxou0tAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/uncertainties-trend-change-forest-area-compared-35-year-mean-1985-2020',
+ image_basename: '20230428_trend_eazadpour',
+ image_type: 'png',
+ image_alt: 'A tile map of the U.S. with lollipop charts for each state that show differences in forest area magnitude, in squared kilometers, from the 35-year mean (1985-2020) across the contiguous United States (CONUS). Positive differences are shown in forest green lollipops and negative differences are shown in burnt orange lollipops. There is variation in forest area difference across CONUS. Notably, much of the U.S. have seen declines in forest area magnitude in recent years, whereas the Nothern Plains (such as North Dakota, Nebraska, and Kansas) have seen a slight increase in recent years.'
+ },
+ {
+ id: '32',
+ date: '2023-04-28',
+ cc_prompt: 'Uncertainties: trend',
+ author: 'Margaux Sleckman',
+ profile_url: '',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1653511510205816833?cxt=HHwWgoCz3ab9ufItAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/uncertainties-trend-big-melt-has-begun',
+ image_basename: '20230428_trends_msleckman',
+ image_type: 'png',
+ image_alt: 'The Big Melt has begun; 2023 spring flows into Lake Tahoe compared to the historical record. Nine timeseries plots show daily streamflow (cubic feet per second) from March 2023 to present, highlighted in green, compared to historical record, shown in grey that date back to 1975. Streamgraphs show the 2023 snowmelt runoff in the basin trending upwards across all stream gauges, aiming to surpass previous years dating back to 1975.'
+ },
+ {
+ id: '33',
+ date: '2023-04-29',
+ cc_prompt: 'Uncertainties: monochrome',
+ author: 'Merritt Harlan',
+ profile_url: '',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1652296971959300100',
+ drupal_url: 'https://www.usgs.gov/media/images/uncertainties-monochrome-estimating-streamflow-satellites',
+ image_basename: '20230429_monochrome_mharlan',
+ image_type: 'gif',
+ image_alt: 'Animation of five satellite images of the Tanana River in Alaska. The imagery is colored in shades of blue to show the degree of confidence that water is present. Two scatter plots show positive pairwise relationships between satellite river elevation and satellite river width and satellite streamflow. A timeseries chart shows that satellite streamflow captures the dynamics of observed streamflow at a gaged site.'
+ },
+ {
+ id: '34',
+ date: '2023-04-30',
+ cc_prompt: 'Uncertainties: ',
+ author: 'Jay Hariharan',
+ profile_url: 'https://www.usgs.gov/staff-profiles/jayaram-hariharan',
+ tweet_url: 'https://twitter.com/USGS_DataSci/status/1652659322373931009?cxt=HHwWgoCwzbi5tu8tAAAA',
+ drupal_url: 'https://www.usgs.gov/media/images/uncertainties-data-day-annual-freshwater-withdrawals-united-states-1990-2019',
+ image_basename: '20230430_worldbank_jhariharan',
+ image_type: 'gif',
+ image_alt: 'Stacked bar chart of 1990-2019 agriculture, domestic, and industry freshwater withdrawals in the U.S., estimated by the World Bank. In all years, industry withdraws the most freshwater, followed by agriculture and domestic. From 2006 to 2010, industrial water dropped 5,000 cubic kilometers, then remained low. From 2010 to 2015 agriculture water use grew by 3,000 cubic kilometers. The chart is animated through time.'
+ }
+ ]
+};
\ No newline at end of file
diff --git a/src/components/About.vue b/src/components/About.vue
index a090502..05e32c6 100644
--- a/src/components/About.vue
+++ b/src/components/About.vue
@@ -30,7 +30,7 @@
- We wrote a blog post about our work inn the Water Data for the Nation blog.
diff --git a/src/components/CC23_Carousel.vue b/src/components/CC23_Carousel.vue
new file mode 100644
index 0000000..c9bd6d8
--- /dev/null
+++ b/src/components/CC23_Carousel.vue
@@ -0,0 +1,156 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/PortfolioAccordions.vue b/src/components/PortfolioAccordions.vue
index 0b6d1a1..da101ba 100644
--- a/src/components/PortfolioAccordions.vue
+++ b/src/components/PortfolioAccordions.vue
@@ -66,6 +66,17 @@
id="m-a2"
class="usa-accordion__content"
>
+
+ Chart Challenge 2023
+
+
+
+ Other charts
+
@@ -345,5 +346,8 @@ a:active, a:focus {
}
}
}
+.recent-image{
+ max-width: 100%;
+ }
}
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 143aeae..e939131 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,6 +1,7 @@
import "core-js/stable";
import "regenerator-runtime/runtime";
import Vue from 'vue';
+import VueImg from 'v-img';
import router from "./router";
import { store } from './store/store'
import App from './App.vue';
@@ -18,8 +19,13 @@ import { faFlickr } from '@fortawesome/free-brands-svg-icons'
import { faYoutubeSquare } from '@fortawesome/free-brands-svg-icons'
import { faInstagram } from "@fortawesome/free-brands-svg-icons";
+const vueImgConfig = {
+ altAsTitle: true
+}
+
Vue.component('FontAwesomeIcon', FontAwesomeIcon);
Vue.use(VueCarousel);
+Vue.use(VueImg, vueImgConfig)
// social icons
library.add(faTwitterSquare);
diff --git a/src/views/Visualization.vue b/src/views/Visualization.vue
index 0e1b24c..bcbc584 100644
--- a/src/views/Visualization.vue
+++ b/src/views/Visualization.vue
@@ -35,7 +35,7 @@ import vizHeader from "@/assets/usgsHeaderAndFooter/viz-header.svg";
PortfolioAccordions: () => import( /* webpackPrefetch: true */ /*webpackChunkName: "portfolio-accordions"*/ "./../components/PortfolioAccordions")
},
mounted(){
-
+ const self = this;
// sticky nav bar
window.onscroll = function() {stickyOnScroll()};
var header = document.getElementById("viz-menu");
@@ -48,10 +48,86 @@ import vizHeader from "@/assets/usgsHeaderAndFooter/viz-header.svg";
header.classList.remove("sticky");
}
}
-
+ //Wait for page to load then run this function
+ window.addEventListener("load", function(){
+ self.findCarouselContainers();
+ });
+ },
+ updated(){
+ this.lazyLoadImages();
},
methods: {
-
+ lazyLoadImages(){
+ const loadImg = function(entries, observer){
+ entries.forEach(entry => {
+ if(entry.isIntersecting){
+ //Get first source element
+ entry.target.srcset = entry.target.dataset.srcset;
+ //Get second source element
+ entry.target.nextElementSibling.srcset = entry.target.dataset.srcset;
+ const findImg = entry.target.parentElement.querySelector("img");
+ findImg.addEventListener('load', function () {
+ entry.target.parentElement.classList.remove('lazy');
+ });
+ observer.unobserve(entry.target);
+ }
+ });
+ }
+ const imgTargets = document.querySelectorAll(".lazy > source");
+ const imgObserver = new window.IntersectionObserver(loadImg, {
+ //Watch entire viewport
+ root: null,
+ threshold: 0,
+ rootMargin: "300px"
+ })
+ imgTargets.forEach(img => {
+ imgObserver.observe(img)
+ });
+ },
+ findCarouselContainers(){
+ let self = this;
+ const carouselContainers = document.querySelectorAll(".carouselContainer");
+ carouselContainers.forEach(function(container){
+ container.addEventListener("click", self.addFooterCaption);
+ });
+ },
+ //Carousel full size image captions
+ addFooterCaption(e){
+ const self = this;
+ const imgContainer = document.querySelector(".fullscreen-v-img");
+ const title = document.querySelector(".title-v-img");
+ const img = document.querySelector(".content-v-img img");
+
+ //Mutation observer
+ //If img src changes, update caption
+ const observer = new MutationObserver((changes) => {
+ changes.forEach(change => {
+ if(change.attributeName.includes('src')){
+ self.switchCaptionText(title);
+ }
+ })
+ })
+ //Telling observer what to observe
+ observer.observe(img, {attributes: true});
+
+ if(e.target.classList.contains("sliderImage")){
+ const captionHTML = `
+
+
+ ${title.textContent}
+
+
`;
+ imgContainer.insertAdjacentHTML("afterbegin", captionHTML);
+ }
+
+ // Override some default styling on the lightbox
+ img.style.maxHeight = "68vh"; // set height
+ img.style.top = "-15vh"; // move up
+ },
+ switchCaptionText(text){
+ const caption = document.querySelector(".caption");
+ caption.innerHTML = text.textContent;
+ }
}
}
diff --git a/tmp/.empty b/tmp/.empty
new file mode 100644
index 0000000..e69de29
@@ -345,5 +346,8 @@ a:active, a:focus {
}
}
}
+.recent-image{
+ max-width: 100%;
+ }
}
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 143aeae..e939131 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,6 +1,7 @@
import "core-js/stable";
import "regenerator-runtime/runtime";
import Vue from 'vue';
+import VueImg from 'v-img';
import router from "./router";
import { store } from './store/store'
import App from './App.vue';
@@ -18,8 +19,13 @@ import { faFlickr } from '@fortawesome/free-brands-svg-icons'
import { faYoutubeSquare } from '@fortawesome/free-brands-svg-icons'
import { faInstagram } from "@fortawesome/free-brands-svg-icons";
+const vueImgConfig = {
+ altAsTitle: true
+}
+
Vue.component('FontAwesomeIcon', FontAwesomeIcon);
Vue.use(VueCarousel);
+Vue.use(VueImg, vueImgConfig)
// social icons
library.add(faTwitterSquare);
diff --git a/src/views/Visualization.vue b/src/views/Visualization.vue
index 0e1b24c..bcbc584 100644
--- a/src/views/Visualization.vue
+++ b/src/views/Visualization.vue
@@ -35,7 +35,7 @@ import vizHeader from "@/assets/usgsHeaderAndFooter/viz-header.svg";
PortfolioAccordions: () => import( /* webpackPrefetch: true */ /*webpackChunkName: "portfolio-accordions"*/ "./../components/PortfolioAccordions")
},
mounted(){
-
+ const self = this;
// sticky nav bar
window.onscroll = function() {stickyOnScroll()};
var header = document.getElementById("viz-menu");
@@ -48,10 +48,86 @@ import vizHeader from "@/assets/usgsHeaderAndFooter/viz-header.svg";
header.classList.remove("sticky");
}
}
-
+ //Wait for page to load then run this function
+ window.addEventListener("load", function(){
+ self.findCarouselContainers();
+ });
+ },
+ updated(){
+ this.lazyLoadImages();
},
methods: {
-
+ lazyLoadImages(){
+ const loadImg = function(entries, observer){
+ entries.forEach(entry => {
+ if(entry.isIntersecting){
+ //Get first source element
+ entry.target.srcset = entry.target.dataset.srcset;
+ //Get second source element
+ entry.target.nextElementSibling.srcset = entry.target.dataset.srcset;
+ const findImg = entry.target.parentElement.querySelector("img");
+ findImg.addEventListener('load', function () {
+ entry.target.parentElement.classList.remove('lazy');
+ });
+ observer.unobserve(entry.target);
+ }
+ });
+ }
+ const imgTargets = document.querySelectorAll(".lazy > source");
+ const imgObserver = new window.IntersectionObserver(loadImg, {
+ //Watch entire viewport
+ root: null,
+ threshold: 0,
+ rootMargin: "300px"
+ })
+ imgTargets.forEach(img => {
+ imgObserver.observe(img)
+ });
+ },
+ findCarouselContainers(){
+ let self = this;
+ const carouselContainers = document.querySelectorAll(".carouselContainer");
+ carouselContainers.forEach(function(container){
+ container.addEventListener("click", self.addFooterCaption);
+ });
+ },
+ //Carousel full size image captions
+ addFooterCaption(e){
+ const self = this;
+ const imgContainer = document.querySelector(".fullscreen-v-img");
+ const title = document.querySelector(".title-v-img");
+ const img = document.querySelector(".content-v-img img");
+
+ //Mutation observer
+ //If img src changes, update caption
+ const observer = new MutationObserver((changes) => {
+ changes.forEach(change => {
+ if(change.attributeName.includes('src')){
+ self.switchCaptionText(title);
+ }
+ })
+ })
+ //Telling observer what to observe
+ observer.observe(img, {attributes: true});
+
+ if(e.target.classList.contains("sliderImage")){
+ const captionHTML = `
+