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
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
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
-
- Desktop/laptop