Pixymaps (Scrolling)
✓ Published0🌍 Public
Mmbostock
Last edited Feb 9, 2016
Created on Aug 29, 2011
A scrolling map of San Francisco pans continuously leftward, with a tile-based image rendered to a Canvas element. The example uses the `pixymaps` library to manage view coordinates and tile loading, while the D3.js timer drives a subtle acceleration that increases scroll speed. Map tiles are loaded from CloudMade, and the view is projected using `d3.geo.mercator` to center the map. The animation updates the canvas by panning the view and re-rendering the image each frame.
AI-generated descriptionMap tiles copyright 2011 <a href="http://www.cloudmade.com/">CloudMade</a>, <a href="http://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CCBYSA</a>.
gpl-3.0 Licensed