Sunday, March 29, 2020

The Amazing Self-Drawing Maps


This animated self-drawing map of Chicago is every bit much an artistic tilt every bit it is a map.

There's no explanation attached to this map so I'm having to practise a piddling approximate operate here. The map is called Divvy Routes too the map that emerges looks similar Chicago. My best bet too so is that this is a map of Chicago created past times drawing routes betwixt wheel pick-up too wheel drop-off points on the Divvy wheel sharing network inward Chicago.

The JavaScript code for the map contains variables called 'drawLinesByHour' too 'drawLinesByMinute' so at that spot is presumably a fourth dimension chemical part to the routes beingness drawn on the map. I assume thus that the map shows wheel usage over a menses of time.


If yous similar self-drawing maps too so yous should likewise accept a await at Sketch Map. Sketch Map is a clever interactive map which uses D3.js too Walkway.js to sketch a route map i piddling flake at a time. Having a await nether the hood of Divvy Routes it appears that it likewise uses D3.js to practise the animated lines on the wheel route map of Chicago.

Zoom inward too out on Sketch Map or pan to a greater extent than or less too yous tin expose how the roads too transit lines are sketched out inward real-time. If yous desire to accept a play to a greater extent than or less amongst this yourself the code for Sketchcart is available nether an MIT license on Github.

No comments:

Post a Comment