top 25 fams, white stroke on circle text, img/text for fams

Description

Updated circle packing text to have subtle white background behind text. Updated build_nested_json to get top 25 fish families, this way the circle packing isn't as crammed (Hayley to check with SMEs to see if this is okay). I also adding images to connect families/supplemental text with fish families and the nested countries.

Changes Made

on load

Salmonidae example

How to Test

run tar_make for fishAsFood folder, followed by 'npm run dev' to view changes in circle packing, and added family image/text info, at http://localhost:5173/visualizations/earth-in-flux/#/fish-as-food/inland-rec-fish-value

MR t-shirt size

• extra-small (e.g., update color scheme)
• small (e.g., add tooltip to chart)
• medium (e.g., add new static chart, add new pipeline output)
• large (e.g., initial data processing pipeline, interactive chart)

Timeline for review

• ASAP - blocker for deployment
• Today - blocker for ongoing work
• Next couple of days
• This week
• When reviewer has availability

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

Unsure, but I want to say yes?

Related Issues

Provide links to any related issues, including open draft domain review issues.

Additional Notes

Fish images are from https://www.phylopic.org/ and fish text is just taken from wikipidea articles for now. Fish images are placed in https://labs.waterdata.usgs.gov/visualizations/images/.... let me know if you'd like them somewhere else, as different img formats, or anything in that vein.

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