Composition Layout Generator

What this generator does

Produces an actual arrangement rather than a description of one. The photo composition challenge generator already here gives you a rule to follow in words — 'use leading lines' — which is a prompt; this gives you shapes at coordinates, drawn as a picture you can copy. The constraints are real: shapes stay inside the frame, they do not overlap if you asked for that, a mirror genuinely mirrors, and the focal shape sits exactly on a thirds intersection rather than approximately.

How to use this tool

1. Choose how many shapes, and which kinds.
2. Pick a symmetry, and whether the largest shape sits on a thirds intersection.
3. Press Make a composition.
4. Arrange again until one is worth drawing, or set a seed to keep one.

Understanding the controls

How many shapes

Counted before mirroring, so a symmetric setting produces more than you asked for. Ask for too many non-overlapping shapes and the frame runs out of room — the tool says how many it could not place rather than quietly overlapping them.

Symmetry

Mirrors every shape left-to-right, top-to-bottom, or both. A mirrored copy that would fall outside the frame is dropped rather than clipped, because a shape half off the edge is not what a mirror means.

Shapes

Restricting to one kind makes a very different exercise from mixing four. Circles only reads as soft and rhythmic; triangles and lines read as angular and directional.

Put the largest shape on a thirds intersection

Places the focal shape exactly on one of the four intersections, chosen at random. The focal shape is always the largest — a focal point that something else dwarfs is not a focal point.

Keep shapes from overlapping

Rejects any placement whose bounding box touches another. Turning it off produces denser, more layered arrangements, which suit collage and painting more than they suit a line drawing.

Seed

A word reproduces the identical arrangement, which is how you set the same exercise to a whole class or come back to one you liked.

Worked examples

7 shapes, no symmetry, thirds on

A large shape on one of the four intersections, six smaller ones arranged around it.

5 shapes, radial symmetry

Up to twenty shapes: the originals plus three mirrored copies each, minus any that would fall outside.

40 non-overlapping shapes

Some are reported unplaced — the frame genuinely ran out of room.

What is never claimed

That the arrangement is a good one.

Common use cases

• Practising composition without also having to invent a subject
• Getting an underlying structure for an abstract painting or collage
• Setting a class a layout exercise where everyone works from the same arrangement
• Breaking a habit of centring everything
• Generating a base grid for a poster or cover layout

How this generator works

Shapes are placed by rejection sampling: propose a position and size, keep it if it satisfies every constraint, and try again if not. After a bounded number of attempts the shape is reported as unplaced rather than forced, which is why asking for forty non-overlapping shapes on one frame gives you an honest shortfall instead of an infinite wait or a silent overlap. Mirroring happens after placement, and a mirrored copy is dropped if it would leave the frame or collide. The picture is inline SVG generated from the coordinates — nothing is downloaded, and the description beneath it states the same numbers, so the composition is usable by someone who cannot see the image.

Randomness and fairness

Positions, sizes and shape kinds are drawn with the browser's cryptographic random number generator, and the thirds intersection is chosen at random from the four. Give a seed and it switches to a documented reproducible generator so the identical arrangement comes back — that is for repeatability rather than security, and it is not cryptographic. The constraints are not random at all: whether a shape is inside the frame or overlapping another is checked, not sampled.

For how randomness is produced across the whole site, see how Generate Random works.

Assumptions this tool makes

• You want an arrangement to respond to rather than a finished design.
• A bounding box is a close enough approximation of a shape for deciding whether two things collide.

Limitations and good to know

• It knows nothing about whether a layout works. The rule of thirds is a widely taught convention, not a law, and plenty of strong images ignore it — a tool that called random rectangles well composed would be asserting something unfalsifiable.
• Shapes are abstract. There is no subject, no depth, no perspective and no colour beyond a weight you can map however you like.
• Overlap is judged on bounding boxes, so a circle and a triangle can be reported as not overlapping while their boxes nearly touch.
• The frame is a fixed 3:2 landscape. Other aspect ratios would change which arrangements work, and are not offered.
• There is no export beyond copying the description — the picture is on the page rather than a file.

Common mistakes

Treating the arrangement as a design to copy exactly

It is a starting structure. The useful exercise is deciding what each shape becomes and what to move — a composition you disagree with teaches as much as one you like.

Assuming a thirds placement makes it balanced

It does not. Thirds placement decides where one shape sits; balance is about what surrounds it, which the tool arranges at random and has no opinion about.

Practical tips

• Try circles only and then triangles and lines with the same seed — the same arrangement reads completely differently.
• Turn the guides off once you have the layout; they help you see the thirds and then get in the way of drawing.
• For a class exercise, share the seed rather than the picture. Everyone gets the identical frame.

Privacy and your data

Only numbers and menu choices are entered, and nothing leaves your browser. The picture is drawn on your device from coordinates computed there; nothing is uploaded and no image is stored.

Frequently asked questions

How is this different from the photo composition challenge?

That one gives you a rule in words — leading lines, negative space — and leaves the arrangement to you. This gives you the arrangement and leaves the subject to you. They are opposite halves of the same exercise, and using both together works well.

Is the rule of thirds actually a rule?

No. It is a teaching convention that describes where focal points often sit in images people find pleasing, and it is genuinely useful as a starting habit. It is not a law, a great many strong images ignore it, and this tool applies it because you asked rather than because it is correct.

Why did it not place all my shapes?

Because there was no room. With overlap turned off, each shape must find a position touching nothing else, and beyond a certain density that becomes impossible on this frame. The tool tries a bounded number of positions and then reports the shortfall, rather than looping forever or overlapping anyway.

Can I get the image as a file?

Not directly. The picture is drawn in the page rather than produced as a download. Copying the description gives you the numbers, and a screenshot gives you the picture — for a drawing exercise, redrawing it by hand is rather the point.