{"version":"1.0","type":"rich","title":"D3.js: Panning with mouse wheel","description":"A D3.js v3 example remaps the mouse wheel to pan a scatterplot of 2,000 normally distributed points instead of zooming. The visualization renders circles as SVG elements inside a group that responds to wheel events. The code uses `d3.behavior.zoom` for the initial zoom setup, then overrides the `wheel.zoom` event with a custom `pan` function. This function reads `d3.event.wheelDeltaX` and `wheelDeltaY`, adds them to the current translation from `d3.transform`, and updates the group’s `transform` attribute, while stopping propagation to prevent default zoom behavior.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-82ac20ccc949470e3206?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}