Map Loupe
This example pairs two synchronized map views: a standard-size choropleth of U.S. county unemployment rates on the left, and a magnified version on the right. Hovering over the left map updates the right view, which uses a larger-scale Albers USA projection to show a zoomed-in area. The maps use an identical quantile color scale, with counties and state boundaries rendered as SVG paths via TopoJSON. The magnification effect is achieved by translating the right map based on the mouse position, creating a "loupe" that reveals local detail while preserving geographic context.
AI-generated descriptionHover over map on left to see zoomed in area on right.
forked from <a href='http://bl.ocks.org/syntagmatic/'>syntagmatic</a>'s block: <a href='http://bl.ocks.org/syntagmatic/0613ee9324e989a6fb6b'>Map Loupe</a>
forked from <a href='http://bl.ocks.org/dataning/'>dataning</a>'s block: <a href='http://bl.ocks.org/dataning/f81f3e87113b709693b4fe072bc6733e'>Map Loupe</a>