Skip to content

Bubble layout

Description

This MR adjusts the laptop and mobile layouts for the bubble chart viz. It also re-arranges the text and edits a bit to move the chart farther up the page and put the 'why is this important' bit at the top.

Changes Made

Laptop screen previously:

image

Laptop screen now:

image

Mobile previously:

image

Mobile now:

image

How to Test

Pull changes locally and run npm run dev, then navigate to visualizations/climate-charts/#/beaufort-sea/beaufort-sea-timeline

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

#46 (closed)

Additional Notes

NA

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