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
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
-
- Desktop/laptop