Orthographic projection allows projection of any map in a globe-like shape. Go ahead and try to rotate the map! Click and drag to rotate, use mouse wheel to zoom in and out.
This demo shows how to rotate the globe to a country. Click on any country for the globe to center it. Key implementation details. When the country polygon becomes selected (active) we get its geometric center with geoCentroid() and then animate the map chart to the latitude/longitude of that point. Related tutorials. Map chart; Map polygon ...
Rotating globe Orthographic projection. Orthographic projection allows projection any map in a globe-like shape. Go ahead and try to rotate the map! More about using orthographic projection. Demo source
Drag to rotate the world. Scroll or pinch to zoom. D3 ’s geographic projections allow features to be rotated about three axes. The three angles used are called Euler angles, and in D3 they specify the following sequence of rotations:
15 stunning 3D visualisations of Earth. Geographic, demographic and economic views include tectonic boundaries, climate zones, average temperature and precipitation, political maps, GDP per capita, population density, energy consumption, GINI …
Convert your design to 3D Globe Create an Interactive 3D globe based on your flat world map design. Try the figma plugin or upload an image to see it live in action.