Skip to main content
100%

$.fn.domvertices

✓ Published0🌍 Public
Aabernier
Last edited Feb 5, 2015
Created on Feb 5, 2015

`$.fn.domvertices` visualizes the 2D screen-space coordinates of DOM elements as animated points. The example uses a jQuery plugin to sample the four corners of each target element and renders them into an HTML5 canvas. It employs `requestAnimationFrame` to continuously update the positions, while a lightweight force-directed layout inspired by `d3.forceSimulation` nudges the vertices into a stable, jittering arrangement. The code reads element geometry via `getBoundingClientRect` and maps the resulting coordinates directly to canvas pixels, making the correspondence between the live page structure and the drawn points explicit.

AI-generated description

$.fn.domvertices

Similar vizzes