Skip to content

Refine bump chart

Description

This MR refines the mouseover behavior for the bump chart, adjusts the chart dimensions, and updates the data to aggregate threat types and habitat types per the recommendation of our collaborator.

Changes Made

Now when the user interacts with the chart, the line and point for each threat is raised, and the points throughout the chart remain opaque. Compare to behavior on test site

image

How to Test

Pull changes locally and run npm run dev. Navigate to /visualizations/climate-charts/#/findex/inland-fish-threats to view the bump chart viz. No need to review the javascript changes in detail as long as the functionality is there.

Related Issues

NA

Additional Notes

Still need to look into #29 (closed) and #30 (closed)

Merge Request Checklists

  • Ensure that code changes adhere to best practices documented in README.md
  • Clean the code the way Vue likes it - run npm run lint --fix
  • Document which browsers the site has been tested on:
    • Desktop/laptop
      • Chrome
      • Safari
      • Edge
      • Firefox
    • Mobile device
      • Chrome
      • Safari
      • Edge
      • Firefox

Merge request reports

Loading