Skip to content

Draft circle packing visualization

Description

This MR adds a draft visualization for the Fish as Food project. The visualization is a circle packing viz, based on an observable example. The data represented in the viz are the economic value (in USD) of inland recreational fish species. There is a circle for each family, with nested circles for each species, and further nested circles for each country where that species is fished. The viz is zoomable.

Changes Made

image

How to Test

Pull code locally and run npm run dev to build the site. Navigate to /visualizations/climate-charts/fish-as-food/inland-rec-fish-value to view the viz.

Related Issues

#22 , #23 (closed)

Additional Notes

The labels will need to be refined - see #22. Also planning to add more detail on methods #23 (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

Merge request reports

Loading