Skip to content

aerosols - simplified viz and new thumbnail

Description

I simplified the Aerosol Visualization by removing the core data, adding annotations + a default state, and reducing animations.

In addition, I created a thumbnail that's a zoomed in image of the wildfire location.

Changes Made

  • Removed core data
  • reduced saturation of basemap
  • changed location box on globe from red to black
  • added annotations (hides and unhides with d3)
  • changed smoke line's width and color
  • added fire icon
  • added new thumbnail

aerosols_map_thumbnail

How to Test

Please check the thumbnail shows on the front page. Test the functionality of the interactive viz by moving your mouse on and off the chart as well as on and off the fire icons. Does the interactivity make sense; is it intuitive?

Demo of functionality Screen_Recording_2024-10-18_at_5.39.46_PM

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