Skip to content

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

Merge request reports

Loading