Map & Globe

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