Skip to main content
100%

Magnifying Effect

✓ Published0🌍 Public
MManinder Singh
Last edited May 5, 2020
Created on May 5, 2020
Forked from HTML Starter

This visualization demonstrates a magnifying effect on a grid of lines using a fisheye distortion. The display initially shows a uniform grid of vertical and horizontal paths rendered as SVG. When the mouse moves over the canvas, the code updates the fisheye’s center point and recomputes each path’s coordinates by mapping the original points through the `d3.fisheye` function. The distortion magnifies the area around the cursor, bending the lines outward while preserving the overall structure. The example uses D3 v3 with SVG rendering and custom mouse-event handlers to drive the interactive effect.

AI-generated description
MIT Licensed

Similar vizzes