Git Product home page Git Product logo

climate-fish-habitat's Introduction

climate-fish-habitat

Shifts in fish habitat under climate change. The final website can be found here.

climate-fish-habitat's People

Contributors

aaarcher-usgs avatar aappling-usgs avatar eread-usgs avatar gjahansen2 avatar jesse-ross avatar jiwalker-usgs avatar ldecicco-usgs avatar mhines-usgs avatar mwernimont avatar wdwatkins avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

climate-fish-habitat's Issues

Text changes based on feedback

  • In the walleye bass trends section, edit the bullets and split into two groups. Above the figure have the following bullets (some are new and have been edited so copy exactly):
  • Recreational fishing in Wisconsin is valued at over $2 billion annually.
  • Anglers target both walleye and largemouth bass in Wisconsin lakes, but walleye are perceived as preferable and thus important to Wisconsin’s economy and culture.

Then below the bass walleye trend figure, have the following bullets:

  • There are many possible explanations for the observed changes in Wisconsin lake fish communities, and much interest exists in understanding these trends and whether they can be reversed.

  • Some believe that largemouth bass are directly responsible for walleye declines. However, evidence to date does not support this claim.

  • In the "Can you draw..." section, let's have a heading at the very top (above 'can you draw') that states

    Water temperature influences the suitability of a lake for walleye and largemouth bass

    (formerly the first bullet below the figure, which will now be removed).

  • In the section under "Can you draw...", most of the first paragraph explains what GDD is. Let's keep the first sentence as is, and make the rest of that paragraph hidden unless the viewer clicks on something to expand. "More information on growing degree days" or "What are growing degree days" as a clickable button? moved to new issue #123

  • On x-axis label of the 'you draw it' figure, add Lake Temperature to the label above Growing degree days (make the Lake temperature label bigger than the GDD label). moved to issue #124

  • Reduce bullets below the you draw it figure. They should now read:

  • In general, walleye reproduce more successfully in cooler lakes, and largemouth bass populations are most abundant in warm lakes.

  • Both species exhibit a threshold response to temperature, where small changes in temperature can produce big changes in the fish population. Lakes with the best habitat for natural walleye reproduction generally do not have the habitat to support high largemouth bass abundance, and vice versa

  • These relationships are averages. Other lake characteristics influence the suitability of the lake for each species. For example, walleye can reproduce successfully in large lakes even if they are warm.

  • In the 'lakes have gotten warmer over 30 years' section, reduce and edit bullets, as follows:

  • Some lakes have warmed more than others, and some lakes have always been warmer than others - for example, lakes in southern Wisconsin are generally warmer than lakes in northern Wisconsin.

  • Lake size and depth, water clarity, and surrounding tree cover all influence how lakes respond to climate.

  • Differences in water temperature affect the suitability of a lake's habitat for supporting different fish species.

  • In the 'lakes are expected to get warmer in the future' section, split the first bullet into two, as follows:

  • Scientists agree that the earth will get warmer through the end of the 21st century.

  • However, the amount of warming depends on actual greenhouse gas emissions and how physical processes such as precipitation and wind speed will change.

  • change legend labels on future air temperature projections graph to be "High greenhouse gas emissions (A2)" and "Low greenhouse gas emissions (B1)". added to #27

  • In the 'lakes are expected to get warmer in the future' section in the second set of bullets (below air temperature projections figure and above water temperature projections figure), edit and reduce bullets as follows:

  • As air temperatures increase, we expect lake temperatures to increase as well. However, not all lakes will respond equally to climate change.

  • The incredible diversity of lake types in Wisconsin means that we can expect different warming rates in big vs. small lakes, deep vs. shallow lakes, clear vs. turbid lakes.

  • Understanding differences among lakes in their responses to climate change is a high priority for managing fish populations that are sensitive to warming temperatures.

  • in future suitability section, split bullets into two sections. Above the Sankey, we should have the following 3 bullets (some of these are new or edited so copy these):

  • Water temperature is a critical component of fish habitat.

  • As water temperatures get warmer, many lakes that currently can support natural walleye reproduction are unlikely to continue to have the thermal habitat conditions to do so.

  • The majority of Wisconsin lakes and total lake area are predicted to have habitat conditions suitable for high largemouth bass densities by the mid-21st century due to warming.

  • in future suitability section, move the following three bullets after the Sankey but before the map thumbnail. (Some of these are new or edited so copy exactly).

  • The lakes where walleye are expected to persist are for the most part some of the state's largest and most popular lakes. Therefore, when considered in terms of total lake area, walleye are predicted to persist in a large amount of Wisconsin's total lake area.

  • Most of the surface area of lakes that support natural walleye reproduction will also support high largemouth bass densities, and largemouth bass are predicted to be supported in a high proportion of the state's total lake area.

  • The predictions shown here are based only on projected changes in water temperature, and do not account for changes in the fish community, water quality, fish management, or angler behavior that may influence walleye and largemouth bass populations.

style updates

  • change theme color on header. The blue doesn't quite fit
  • create mobile image swap ins (create the pattern for one and I can follow it for others)
  • create a figure caption class (kind of like on Lower CO river drought app)
  • add support for inline photo (see below)
  • make footer color match header color

Updates to walleyeBass figure

takes over from #25

  • change bass values to be more intuitive rather than standardized relative abundance (Gretchen will send new data) moved to #128
  • lock in bass values so the user only edits walleye
  • script the creation of this fig (is hand-edited svg now)
  • fix FF roll out bug fixed in #98
  • add a legend
  • cut down on the amount of text we use to "draw the pattern" helpers
  • overlay user result onto actual trend fig
  • caption should appear after you draw
  • add user guess callout
  • figure should complete itself if user scrolls past it skip ahead button instead
  • pop the result text out after completion too complicated
  • send user guesses to google analytics? (is this possible?)
https://developers.google.com/analytics/devguides/collection/analyticsjs/events

section "lakeWarming" text content

  • Some lakes have warmed more than others.
  • Lake size, depth, clarity, and tree cover surrounding the lake all influence how much lakes have warmed.

section "walleyeDecline" figure content

MVP:
simple mouseover line plots with the contemporary increase in LM Bass and decrease in Walleye for WI

Nice-to-have:
Animate line drawings through time

user experience for temperature preference figure

image

talked about this one w/ Luke.

The key message here is that there are different thermal guilds for the different species of interest. We'll have the user make a guess as to where the three (?) species' ideal thermal range is and then have them lock in those choices and reveal the reality. Inspired by http://www.nytimes.com/interactive/2015/05/28/upshot/you-draw-it-how-family-income-affects-childrens-college-chances.html

After the three are locked in and "I'm done" is chosen, we do a one by one adjustment with text to accompany "you chose 63°F for Lake Trout, that is too warm. Lake Trout prefer X-Y°F"

User can select "reset" to start it again.

If user scrolls past both trigger points (one for making it appear, the other makes them all move) the fish move to the right place.

I assume all this will be fine on mobile w/ drag features, but likely won't work on IE.

draft press release

@gjahansen2 assigning this to you, but I had some ideas for key points.

  1. this research predicts a higher number of lakes that supported neither bass or wally to support either in the future (positive note. poorly worded..)
  2. wally predicted to continue to decline
  3. Even w/ the most extreme warming scenario, some walleye lakes are resilient

section "futureSuitability" figure content

A visual that covers changing wally/bass lakes into the future

MVP: Sankey figure w/ mouseovers?
image

nice-to-have: a nice slider map of changing lakes? a map linked to the sankey?

section "walleyeDecline" text content

  • Walleye are a preferred species for many anglers, and important to Wisconsin’s economy and culture.
  • Some have hypothesized that largemouth bass are directly responsible for walleye declines. However, evidence to date does not support this claim.

Need @gjahansen2 to propose how this text goes into the viz. Ask bullets? prose?

Updates to futureSuitability figure

Initial work was done in #28. This issue covers improvements to that figure.

  • improve tooltips. They are kind of herky-jerky in switching from right to left justified when the words are too long (right side of the fig). Plus, it might make sense to do some line wrapping so the tips aren't too long.
  • flip the order of some of the "flows" so that the skinnier lines are always on top of the bigger ones (see example below)
  • make a mobile version that is easier to read the text

want that skinnier line to be on top:
image

build sankey toggle into svg

right now we do an image swap. We should handle it within a single svg so it is standalone and smoother.

This is pending us actually wanting to move ahead w/ showing acreage, which I will defer to @gjahansen2 on. Won't work on this unless we are going to keep it.

section "futureWarming" figure content

A visual that covers the concept that lakes are expected to continue to warm in the 21st century

MVP: a mouseover line plot with the GCM runs used in this study and the A2 scenario for air temperatures
similar to

image

nice-to-have: ???

adjustments to mobile CSS

mobile figure captions should have about half the font size they have now:

image

bullet points in the list sections are a good size for desktop, but are too large for mobile. Reduce by about 25% if possible.

Updates to walleyeTrends figure

takes over from #24

  • add a legend
  • add mouseover values to legend
  • have some of the fish appear/disappear w/ mouseover as values change?
  • add the trend line after animation is complete
  • expose a function to start the animation
  • script the fig for mobile too

current fig:
image

section "walleyeBass" text content

  • Temperature is key characteristic determining the suitability of a lake for walleye or largemouth bass.
  • Interactive figure drawing the relationship between DD and each species.
    • Key points:
      Walleye prefer cool water
      LMB prefer warm water
      The relationship for each species shows a threshold response – the shape is flat above and below a certain point. All lakes below a certain temperature threshold are equally suitable for walleye (on average), and all lakes above that threshold are equally unsuitable for walleye (on average). Reverse is true for LMB.
      The relationships between the two species cross – there is a threshold temperature that separates good walleye lakes from good bass lakes.

section "walleyeBass" figure content

This is where users discover that bass and walleye prefer different habitats, and that you are more likely to find them in certain lakes.

MVP:
simple mouseover for
image

nice-to-have:
"you draw it" for trends that let's users try to guess. Reality is revealed after they make an attempt, or scroll past this interaction.
similar to
image

Create storyboard for chapters w/ rough figs and describe potential user experience

Straw dog:

  1. cool load screen animation
  2. Fish are important to economy/tourism and culture [static picture]
  3. Fish growth, survival, and reproduction is controlled/influenced by temperature [interactive: select thermal guild for 3~5 fish] -see #4 for prototype
  4. Lakes are warming globally, regionally [O'Reilly dataset: map and scatterplot linked?]
  5. Lake ice is declining (kind of chapter 4a) [Magnusson/Sharma dataset: animate lines through time, use hover legend]
  6. Projected shifts in fish species dominance [Hansen figure: walk a lake back and forth through the threshold]
  7. Adaptive management can help prioritize action [static stocking pic]
  8. Acknowledgements, dataset download

"read more" button for more info on GDD

In the section under "Can you draw...", most of the first paragraph explains what GDD is. Let's keep the first sentence as is, and make the rest of that paragraph hidden unless the viewer clicks on something to expand. "More information on growing degree days" or "What are growing degree days" as a clickable button?

image

welcome text

or have none.

Currently,
image

Here is what we did for microplastics (still in progress with the social media icons):
image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.