Create ES50 heatmap on globe website

[MathewBiddle]

There is a really nice visualization tool at https://glaroc.github.io/gbif_globe/ and the source code is available at https://github.com/glaroc/gbif_globe.

It looks like you could replace the following two lines with references to your own jpg images. https://github.com/glaroc/gbif_globe/blob/09e7ef973239e94db28838b87721058e0019fa83/src/App.js#L43-L44

If obisindicators could create the ES50 indicator for the globe and save the maps as jpg images, we might be able to use this visualization tool.

[MathewBiddle]

Pitched for OHW22

• https://github.com/orgs/oceanhackweek/discussions/4#discussioncomment-3374601

[MathewBiddle]

images need to be 16k by 8k px.

[MathewBiddle]

@albenson-usgs has the code https://github.com/USF-IMARS/global-obis-es50/blob/main/use_gbif_parquet_file.Rmd. Just need to update how the images are written (I think).

https://github.com/USF-IMARS/global-obis-es50/blob/9ad98caa7e2f6aef559985f5d24391bf8cc19d1f/use_gbif_parquet_file.Rmd#L115-L141

[MathewBiddle]

Okay, here's what I've learned:

• I've been able to project this image of species density (as calculated and generated here - See cell 23) onto the globe.
• The projection that seems to fit is PlateCarree(). But, we might want to test with other available projections.
• I had to make the background of the image transparent so the earth topology comes through. Otherwise it's just your map wrapped around a ball (in hindsight that might make this easier if we disregard the topology layer - wont need to match up projections and centers).

Below are some tinkerings with a small image:

[MathewBiddle]

you can see my progress at https://github.com/MathewBiddle/gbif_globe

• can't figure out how to build to gh-pages branch and publish to mathewbiddle.github.io/gbif_globe

[MathewBiddle]

Published! https://mathewbiddle.github.io/gbif_globe/

Note:

• only these layers are available:
  • 2020
  • 2010
• The projections are wrong for this display
• I removed the topography layer - too difficult to match up topography projection to data projection without knowing what it was originally.
• Images are coming from the 2010 and 2020 jpgs at https://github.com/MathewBiddle/bio_ice

[MathewBiddle]

Projection is PlateCarree

[MathewBiddle]

Checkout the README for details on how to create the images for projecting onto sphere.

[7yl4r]

🔥 I am excited to see progress on this.

[7yl4r]

ongoing development now over here: https://github.com/MathewBiddle/globe

Last piece before closing this is to add a link to it.

[MathewBiddle]

ANNNDD Here is the link to it: https://mathewbiddle.github.io/globe/