Adding Images to Glacial MRI Viz
Description
I added the photos and icons that show where the photos were taken on the ice field.
Changes Made
- Added new icons for the cores and photo locations
- Connected the photo icons and corresponding photos with hover-over interaction
- Changed the "washed-out" area outside of the AOI instead of inside.
How to Test
- Check that the interaction works correctly. Two of the photos overlap, so one of the images cannot be seen. Either we will need to choose a different photo, delete one, or offset them slightly.
- Is the interaction intuitive and are the icons easy to see?
Review Needs
Does this MR include data processing, modeling, or visualization code that will require domain review prior to release?
-
Yes, and I have opened an issue to document the need for review, using the DomainReview
issue template -
Yes, and a domain review issue already exists -
No
Related Issues
Provide links to any related issues, including open draft domain review issues.
Additional Notes
Include any extra information or considerations for reviewers.
Merge Request Checklists
-
Code changes adhere to best practices documented in README.md
-
Code has been cleaned the way Vue likes it - run npm run lint --fix
-
If applicable, the need for future domain review has been documented in an issue -
Below section documents which browsers the site has been tested on: - Desktop/laptop
-
Chrome -
Safari -
Edge -
Firefox
-
- Mobile device
-
Chrome -
Safari -
Edge -
Firefox
-
- Desktop/laptop