Elements within an assortment that are similar to each other are perceived as a group. This can be achieved by
form,
color, texture or even
motion.
Boxen
processing,
repeat,
chance,
Law of Similarity
Fabian Morón Zirfas
Generate a box with something on its corners.
Small Multiples
processing,
repeat,
chance,
Law of Connected Elements,
Law of Similarity
Fabian Morón Zirfas
Generate multiple elements based on the same rules.
Circle Raster
P5.js,
repeat,
Law of Prägnanz,
Law of Similarity
Fabian Morón Zirfas
Creates a rster of circles. one circle is "prägnant".
Groups
processing,
grid,
Law of Similarity,
repeat,
chance
Fabian Morón Zirfas
The law of similarity on action. Elements that are similar in size or shape are seen as a group. Uses nested loops
Network of Molecules
P5.js,
repeat,
Law of Connected Elements,
Law of Similarity
A network interconnected of molecules.
Fishing Net
P5.js,
Law of Connected Elements,
Law of Similarity,
contrast,
grid,
repeat
Grid with growing weight of Lines.
Similarity by Hue and Size
P5.js,
chance,
similarity,
Law of Similarity
This creates random similarities between ellipses by varying their size and color.
Popup Circles
P5.js,
chance,
repeat,
Law of Similarity
Random crackling circles with similar color ranges.
Random Circles
P5.js,
chance,
repeat,
Law of Similarity
Fabian Morón Zirfas
Generate random circles with one simple loop. Break at the width of the canvas.
John Venn's Randomness
P5.js,
chance,
repeat,
Law of Similarity,
Law of Connected Elements,
grid
Fabian Morón Zirfas
This sketch shows the visual representation of randomness by John Venn
colored-dots
P5.js,
color,
Law of Similarity
Items that are similar tend to be grouped together.
Subtractive Color Model
P5.js,
Law of Similarity,
Law of Common Fate,
color
CMYK interaction built RGB + Black.
individual
P5.js,
motion,
Law of Similarity,
Law of Common Fate
How motion leads to perceived similarity.
Raindrops
P5.js,
motion,
Law of Similarity
Elements of same speed towards the same direction are seen as a group.
