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.
Similarity by Hue and Size
P5.js,
chance,
similarity,
Law of Similarity
This creates random similarities between ellipses by varying their size and color.
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
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.
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.
Fishing Net
P5.js,
Law of Connected Elements,
Law of Similarity,
contrast,
grid,
repeat
Grid with growing weight of Lines.
Network of Molecules
P5.js,
repeat,
Law of Connected Elements,
Law of Similarity
A network interconnected of molecules.
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
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.
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".
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.
