Pan and zoom in the map on the left to rotate the globe.
Click and drag the globe to pan on the map.
An example that shows a Chiasm plugin based on Leaflet.js alongside a Chiasm globe plugin based on the D3 example This is a Globe.
The Chiasm plugins demonstrated here are
-
layout
A plugin for nested box layout of arbitrary components. -
links
A plugin for data binding. This links the pan and zoom between the globe and the map. -
leaflet
A Leaflet-based geographic map component. -
globe
A D3 black and white globe renderer that uses HTML5 Canvas.
See also these awesome derivatives:
- Map & Globe with Rectangle by @tyrasd
- visualizing map distortion by @enjalot
Very nice! Btw: Here's a modified version that shows the map's real bounding box on the globe instead of the approximate circle: http://bl.ocks.org/tyrasd/e2744ee563f7cab80350