Hello d3 folks!
I am pretty new to d3 data visualisation.
I am about to setup something similar like Emission Tracker to track European and Worldwide progress towards net 0 Greenhouse Gas Emissions for a pet project of mine.
I dig the style of the visualisation in the aforementioned site.
It’s a globe, but the map on it is shrunk, (scaled down?), so you have the impression of the earth’s round shape, but can still see all countries nicely in one go.
The countries still seem nicely snuggled to the shape of the globe and its graticule.
It’s obviously made up, but transports the message rather well, that when we talk about emmisions it’s not just some numbers on a scale on a random map, but something that rather touches us all, on a Global scale.
So, from studying the (minified) source code, visx is being used. So some d3 magic must be going on.
But i cannot find anything regarding such a custom projection/scale, nowhere on the entire www.
So i landed here.
Anyone an idea on how to go about this? Any little or big advice on how to reproduce such a rendering?
My question is specific only to the rendering of the states onto the globe.
(not about the rest like icons, pie-arcs … they don’t bother me for now)
ps. a starting point for me is this gist: World Map
it uses the current v6 d3