Preview image. Unlock full-res
An animated website section by Made by Wild where a pixel marker travels through a scatter plot visualization, progressing through four stages as the user scrolls.
More like this
See all
Summary
An animated website section by Made by Wild where a pixel marker travels through a scatter plot visualization, progressing through four stages as the user scrolls.
Visual description
A vertical layout with large, bold black heading text at top left followed by body copy explaining the section. The main visual element is a pixel-based scatter plot visualization in the center, where individual square pixels transition from blue on the left through purple to yellow on the right, creating a gradient cloud of data. Four labeled sections at the bottom (Explore, Generate, Refine, Scale) anchor the narrative, with a segmented progress indicator bar below tracking animation states or interaction stages.
Key takeaway
Embed an interactive data visualization within narrative copy as the focal point, using color gradients and pixel-based representations to make abstract concepts feel tactile and approachable.
Reuse notes
Reach for this as a ui screen reference. Pairs with geometric, minimal directions. Original by Made by Wild.
