Map id 11 & slider v1
This example combines a Google Map with a D3.js time slider to explore a single day’s data. The map is centered on Lyon, France, at zoom level 16, while a draggable slider spans from 5:20 AM to 12:10 PM on December 7, 2014. Dragging the handle updates a label with the selected time and changes the slider’s background color using `d3.hsl`. The visualization uses the Google Maps JavaScript API for the map and D3 v4 for the slider, ticks, and drag behavior.