M 055 / 18302 Masks & Controlalgorithm output

Connected Components

masks & control

Typeface · Geostar Fill

Atlas demonstration: the free source photo and the computed Connected Components. A kingfisher bird is perched on a branch, its form captured in profile. The algorithm has successfully isolated its various feather patterns and anatomical features into distinct, vibrant color blocks against a neutral background.
Atlas demonstration: the free source photo and the computed Connected Components. A kingfisher bird is perched on a branch, its form captured in profile. The algorithm has successfully isolated its various feather patterns and anatomical features into distinct, vibrant color blocks against a neutral background.Image: Vincent van Zalinge vincentvanzalinge · CC0 (via Wikimedia Commons), processed for the AtlasView source ↗

Prompt

Transform this image into a Connected Components visualization, separating contiguous patches of similar brightness into individually labeled color regions. Assign each disconnected patch a distinct saturated color, preserve holes and irregular boundaries, and eliminate photographic shading, texture, and gradients for a crisp analytical appearance. Keep the original subject and composition.

Identify

You see an image divided into distinct color-coded regions where connected pixels of similar brightness are grouped together.

Principle

The algorithm scans the image and links adjacent pixels1 that share a specific property. It labels each continuous patch2 as a separate object.

Try it out

Adjust the threshold value to see how smaller fragments merge into large regions.

Classification

Calculated image processing result.

Further examples · 9 images

Connected Components, applied to “Train tracks (Unsplash)”
02 Connected Components, applied to “Train tracks (Unsplash)”Railway tracks recede toward a distant horizon under the shade of an overhanging tree canopy. Each wooden sleeper and specific section of the foliage is rendered as a unique color, clearly mapping the perspective of the scene.Jonathan Pendleton jonathanpendleton (photo); processed for the Atlas · CC0 · Wikimedia Commons
Connected Components, applied to “Yellow Gram In Dong Ba Market (Unsplash)”
03 Connected Components, applied to “Yellow Gram In Dong Ba Market (Unsplash)”This piece reveals the silhouette of a pineapple sitting on a flat surface. The computational analysis identifies the fruit's body, its crown, and even small scattered reflections as distinct color-coded regions.Alice Young youngalicesalvatore (photo); processed for the Atlas · CC0 · Wikimedia Commons
Connected Components, applied to “Snow road by the river (Unsplash)”
04 Connected Components, applied to “Snow road by the river (Unsplash)”A snowy path is depicted flanked by dense woodland. The process isolates individual tree trunks and overlapping branches into a vibrant palette of flat, segmented hues.Ali Inay inayali (photo); processed for the Atlas · CC0 · Wikimedia Commons
Connected Components, applied to “Fluffy Dandelion (Unsplash)”
05 Connected Components, applied to “Fluffy Dandelion (Unsplash)”A single flower stands as the central focus amidst a field of blurred vegetation. The algorithm successfully groups the entire floral structure as one primary blue mass while separating the surrounding bokeh into a mosaic of colorful dots.Lambert Yuri lambert (photo); processed for the Atlas · CC0 · Wikimedia Commons
Connected Components, applied to “Alone in the snow (Unsplash)”
06 Connected Components, applied to “Alone in the snow (Unsplash)”A row of trees lines the bottom of the frame beneath a vast, empty sky. The process has segmented the foliage into individual clusters of pixels, effectively separating the canopy from the surrounding negative space.Greg Rakozy grakozy (photo); processed for the Atlas · CC0 · Wikimedia Commons
Connected Components, applied to “Horses on lake shore (Unsplash)”
07 Connected Components, applied to “Horses on lake shore (Unsplash)”A minimalist landscape depicts a sky, a horizon line, and distant features across a plain. Large, continuous regions of similar brightness have been grouped into flat planes, illustrating the geometric structure of the original photo.Kevin Hou kevinhou (photo); processed for the Atlas · CC0 · Wikimedia Commons
Connected Components, applied to “Friends on a quiet beach (Unsplash)”
08 Connected Components, applied to “Friends on a quiet beach (Unsplash)”A dense hillside of vegetation meets a bright sky, with small objects appearing to descend through the air. The contrast between the large green mass and the tiny, colorful airborne fragments demonstrates how the system identifies scale and proximity.Richard Nolan richienolan (photo); processed for the Atlas · CC0 · Wikimedia Commons
Connected Components, applied to “Turquoise mountain lake (Unsplash)”
09 Connected Components, applied to “Turquoise mountain lake (Unsplash)”The image captures a dense treeline reflecting across a rippling body of water. Large continuous masses of color delineate the foliage while smaller speckles represent broken reflections on the waves.Volker Schnäbele volker (photo); processed for the Atlas · CC0 · Wikimedia Commons

Sources