search

nprapps / ice-melt

https://apps.npr.org/arctic-ice-melting-climate-change/
Other
0 stars 0 forks source link

maps: get labels onto the sketchy maps #81

Closed DanielJWood closed 1 year ago

DanielJWood commented 1 year ago

So far there are no labels on the globe map. There are two kinds of labels that are needed: place labels (Atlantic Ocean, Greenland, etc.) and multi-line annotations.

From a data perspective, I would recommend using this google sheet that lists the label, the desired placement (lat/lon, you can go to google maps to grab this), and any other metadata you may need. Then in the scenes sheet list the label ID's you want a particular scene to include.

Then, when that scene is triggered in the app, render all labels from that scene.

DanielJWood commented 1 year ago

Look for d3 map examples with labels. Word wrapped may be a pain though. Wordwrap or this could be useful. Also included a few links that may help:

https://observablehq.com/@roblabs/great-britain-in-d3 https://observablehq.com/@neocartocnrs/cheat-sheet-on-texts-in-svg

DanielJWood commented 1 year ago

This can be done on an observable notebook (fork the current notebook or if #82 is complete, it can be done in the rig itself.