Tiger 03 (inverted)
✓ Published0🌍 Public
WWill Carter
Last edited Sep 22, 2019
Created on Sep 22, 2019
This animation renders a pixelated image of a tiger, where the color of each rectangular cell is inverted from the original pixel color of the source bitmap. The D3.js code shuffles the order of the pixels and animates each square from a single starting point to its target position with a staggered delay, creating a sweeping "wipe" effect. As the rectangles settle into place, the inverted palette produces a striking negative-color representation of the tiger. The visualization uses an SVG canvas and is driven by D3 v4 transitions, with the underlying image data sourced from a gist.
AI-generated descriptionD3.js Tiger 03 (inverted) Image processing (get color of each pixel in bitmap source image): https://pillow.readthedocs.io/en/stable/#
mit Licensed