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.
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.
Raindrops
P5.js,
motion,
Law of Similarity
Elements of same speed towards the same direction are seen as a group.
individual
P5.js,
motion,
Law of Similarity,
Law of Common Fate
How motion leads to perceived similarity.
Subtractive Color Model
P5.js,
Law of Similarity,
Law of Common Fate,
color
CMYK interaction built RGB + Black.
colored-dots
P5.js,
color,
Law of Similarity
Items that are similar tend to be grouped together.
Popup Circles
P5.js,
chance,
repeat,
Law of Similarity
Random crackling circles with similar color ranges.
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
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.
Small Multiples
processing,
repeat,
chance,
Law of Connected Elements,
Law of Similarity
Fabian Morón Zirfas
Generate multiple elements based on the same rules.
Boxen
processing,
repeat,
chance,
Law of Similarity
Fabian Morón Zirfas
Generate a box with something on its corners.
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".
