# Grid

basil.js, processing, extendscript

The Grid.

### Diagonal Grid

processing, grid, repeat

A simple diagonal grid pattern

### Vision

processing, grid, repeat

A optical problem. Take some distance from the image and try to spot all the circles.

### Groups

processing, grid, Law of Similarity, repeat, chance

The law of similarity on action. Elements that are similar in size or shape are seen as a group. Uses nested loops

### lines

P5.js, grid, Law of Prägnanz

Many lines and the lack of lines forms a square.

### Law of Clousure and Multistable Perception in a grid

P5.js, Law of Proximity, Law of Multistable Perception, grid

This sample shows a dynamic grid, that changes the width and height of itself.

### Law of Symetry and chance

P5.js, Law of Connected Elements, Law of Symmetry, grid, symmetry

This sample shows a static grid regular distances between the arcs.

### Fishing Net

P5.js, Law of Connected Elements, Law of Similarity, contrast, grid, repeat

Grid with growing weight of Lines.

### Law of Symetry and Figured-Ground

P5.js, Law of Contrast, Law of Symmetry, contrast, symmetry, grid

This sample shows a static grid with horizontal lines. The lines on the top of the square are the longest. The lines on the bottom of the square are the shortest. They built together a triangle. In the middle of the square is another small triangle that built the same image that is built before.

### corridor

P5.js, grid, Law of Space

Illusion of space through vanishing points.

### Columns

Basil.js, grid, columns

How to calculate the columns of a page?

### Golden Ratio

Basil.js, grid, Golden Ratio

How to calculate the golden ratio?

### Continuous layout

Basil.js, grid, continuous layout

How to calculate a continuous layout?

### Margins

Basil.js, grid, repeat

A simple sketch that shows how to set margins for an InDesign document and also for a text frame.

### Landscape waves

P5.js, Law of Multistable-perception, Law of Emotion, form, grid

Random lines with different grey scale colors built a landscape.

### John Venn's Randomness

P5.js, chance, repeat, Law of Similarity, Law of Connected Elements, grid

This sketch shows the visual representation of randomness by John Venn

### Noise Mesh

processing, grid, mesh, form, repeat

generate a noisy mesh

### Noise Mesh 2

processing, grid, mesh, form, repeat, interact

generate a noisy mesh with some interaction. Original work by Cedrik Kiefer edits by Fabian Morón Zirfas. Found here.