Pattern controls
Adjust the tiles and watch the plane update instantly.
Build regular, semi-regular, and custom repeating tilings with live symmetry analysis.
Results are calculated automatically as you enter data.
Adjust the tiles and watch the plane update instantly.
▼ See explanations and tips below ▼
A tessellation is a pattern of shapes that covers a flat plane without gaps or overlaps. Floor tiles, honeycomb-like hexagon grids, brick layouts, quilt blocks, and many decorative wall patterns are everyday examples. In geometry, the main question is not only whether the pattern looks attractive, but whether the shapes fit together exactly and can continue indefinitely.
A tessellation usually starts with one tile or a small repeat unit. That unit is copied across the plane by geometric transformations such as translation, rotation, reflection, or glide reflection. When the copies line up cleanly, the pattern can be extended beyond the visible drawing.
The important idea is that a tessellation is not just a picture. It is a rule for repeating shapes. The visible pattern may be finite on a screen or page, but the geometric idea describes how the pattern could continue across the plane.
Tessellations connect pure geometry with design, art, architecture, teaching, and visual problem solving. They help students see how angles, polygons, symmetry, and transformations work together.
They are also useful because they make hidden structure visible. A square grid shows translation and reflection symmetry. A honeycomb pattern shows how regular hexagons can meet perfectly around each vertex. Semi-regular patterns show how different polygons can combine as long as their angles still close the space around each meeting point.
For artists and designers, tessellations are a way to build repeating visual systems. For geometry learners, they are a practical way to test whether angle facts and symmetry ideas actually fit together.
4.8.8 means one square and two octagons meet at that point.
The simplest tessellation test is the angle test. Around a point on a flat plane, a full turn is \(360^\circ\). For tiles to meet cleanly at a vertex, their interior angles at that point must add to \(360^\circ\).
For a regular polygon with \(n\) sides, each interior angle is:
Where:
At a tessellation vertex, the angle condition is:
Where \(\alpha_1, \alpha_2, \ldots, \alpha_k\) are the angles of the tiles that meet at the vertex.
This rule explains why regular triangles, squares, and hexagons tessellate by themselves:
It also explains why a regular pentagon does not tessellate the plane by itself. Each regular pentagon has an interior angle of \(108^\circ\), and no whole number of \(108^\circ\) angles adds exactly to \(360^\circ\).
Symmetry adds another layer. Two tessellations can both fill the plane, but they may have different types of symmetry. A pattern may have mirror lines, rotation centers, glide reflections, or only translations. Wallpaper-group notation summarizes those repeating symmetry features.
For a rhombus repeat, area can be understood through the parallelogram formula. A rhombus with side length \(s\) and included angle \(\theta\) has height \(s\sin(\theta)\), so its area is:
In this calculator, rhombus repeat area is shown in square pixels, because the tile size is a screen-space scale rather than a real-world length.
A square has four sides, so \(n = 4\).
Four squares meet at each vertex:
That is why the square tessellation has vertex configuration 4.4.4.4.
4.8.8 Tessellation
The notation 4.8.8 means one square and two regular octagons meet around a vertex.
A square contributes \(90^\circ\). A regular octagon has:
The angles close exactly:
This is why the square-and-octagon arrangement can form a clean semi-regular tessellation.
Suppose the tile size is \(60\text{ px}\) and the rhombus angle is \(70^\circ\). The repeat area is computed from the rhombus lattice vectors:
If the angle moves closer to \(0^\circ\) or \(180^\circ\), the rhombus becomes very thin and the area gets smaller. The calculator avoids exactly \(0^\circ\) and \(180^\circ\) because those would collapse the rhombus into a line rather than a usable tile.
The results describe both the visible drawing and the geometry behind the selected pattern.
| Result | What it means | How to read it |
|---|---|---|
| Base wallpaper group | The symmetry classification of the built-in geometric construction before optional coloring and overlays | p4m, p6m, cmm, and pg are wallpaper-group labels, not measurements |
| Visible tiles | The number of tiles intersecting the canvas with positive area | A larger tile size usually lowers this count; a smaller tile size usually raises it |
| Vertex pattern | The sequence of polygon types meeting at a typical vertex | 4.8.8 means one square and two octagons meet there |
| Local angles | The angle information for the chosen pattern | For a rhombus, it shows the selected angle and its supplement, such as \(70^\circ / 110^\circ\) |
| Translation-cell area | The exact area of the displayed pattern's translation cell | It is measured in px², not square centimeters, square inches, or another physical unit |
A high visible-tile count does not mean the mathematical tessellation has more tiles overall. A true plane tessellation is unlimited. The visible count is only the number of repeated shapes shown inside the finite drawing area.
A larger repeat area means the pattern’s repeat unit occupies more screen space. It does not mean the pattern is more symmetrical, more accurate, or more mathematically complex.
Color does not change the tile geometry, but it can change the symmetry of the completed visual pattern. Uniform coloring preserves the stated base group; radial coloring is non-periodic, and other decorations may reduce the symmetry.
Mistake 1: Treating the visible tile count as the total number of tiles.
The displayed pattern is only a finite window into a repeating design. The visible tile count depends on canvas size, tile size, and drawing boundaries.
Mistake 2: Confusing pixels with real-world units.
Tile size is measured in pixels, and repeat area is measured in square pixels. These are screen units, not physical print dimensions.
Mistake 3: Assuming color changes the geometry.
Color mode can make symmetry easier to see, but it does not change the tile shape or the angle-sum rule.
Mistake 4: Expecting the angle slider to affect every pattern in the same way.
The angle value is especially important for the custom rhombus. Regular square, triangle, hexagon, and semi-regular patterns use fixed angle relationships.
Mistake 5: Forgetting the \(360^\circ\) vertex condition.
A pattern may look repetitive but still fail to tessellate cleanly if the angles around a meeting point leave a gap or overlap.
Mistake 6: Assuming any artistic motif will tile.
The built-in motif is paired by an explicit glide reflection. That verifies this construction, but it does not prove that every freely drawn or deformed motif tessellates.
Use tessellation concepts when you want to:
4.4.4.4, 6.6.6, 4.8.8, or 3.6.3.6.
A tessellation calculator is a visual and educational tool. It helps you explore patterns, but it does not replace a formal proof for arbitrary tiling problems.
The supported patterns are predefined. The calculator can show regular squares, regular triangles, regular hexagons, selected semi-regular patterns, a custom rhombus, and a verified glide-reflection motif. It does not accept arbitrary user-drawn polygons or classify every possible wallpaper group.
The drawing is finite even though the mathematical idea is infinite. The canvas shows a bounded sample of a pattern that could continue beyond the screen.
Translation-cell area is computed from the determinant of the two translation vectors and cross-checked against the polygon areas in one cell. It is exact up to floating-point rounding, but remains a screen-space measurement rather than a physical area.
Rounding also matters. The visible tile count is displayed as a whole number, while repeat area is displayed with up to two decimal places. Tile size, angle, and offset may be displayed with up to one decimal place. Small visual differences may therefore be rounded away in the text output.
4.8.8, 3.6.3.6, a rhombus, or the glide-reflection motif.
A pattern is a tessellation when its shapes cover the plane without gaps or overlaps. In regular polygon tessellations, the interior angles that meet at each vertex must add to \(360^\circ\).
Their interior angles divide \(360^\circ\) evenly: six equilateral triangles, four squares, or three regular hexagons can meet around a point. Regular pentagons, heptagons, octagons, and most other regular polygons do not work alone because their angles do not close the vertex exactly.
4.8.8 mean?
It means that one square and two regular octagons meet at a typical vertex. The numbers name the polygons by their side counts, read in order around the vertex.
A wallpaper group is a classification of a repeating plane pattern by its symmetry. It describes whether the pattern has features such as translations, rotations, reflections, and glide reflections.
It does not change the polygon geometry, but it can reduce the symmetry of the colored pattern. Use uniform coloring when you want the displayed decoration to preserve the base wallpaper group.
px²?
The calculator draws patterns on a screen, so its size values are based on pixels. Repeat area therefore describes screen-space area, not a real-world area such as square centimeters or square inches.
The canvas has a fixed visible region. Smaller tiles allow more repeated shapes to fit into that region, while larger tiles allow fewer shapes to fit.
Books
Online and Official Sources