Symmetry

As explained in Everyday Data Visualization

A structural correspondence in which elements have matching positions or forms according to a transformation.

Symmetry groups elements that match through a transformation, helping viewers see relationships and patterns quickly. In visual communication, it includes reflection, rotation, and translation. section 2.2.4 section 2.0

Use the type that fits the structure of the information:

• Reflection mirrors one element against another, as in a butterfly chart comparing two groups. section 2.2.4
• Rotation arranges elements around a common axis, making radial charts suitable for cyclic data such as hours, months, or seasons. section 2.2.4
• Translation repeats an element at regular intervals, as in small multiples; it reveals relative differences but can hide individual detail. section 2.2.4

Symmetry in typography

Repeated type styles create a visual hierarchy: labels with the same font, size, and placement signal equal importance. Apply consistency deliberately; when everything is emphasized, nothing stands out. section 5.4.5

Figure 2.10 Principle of symmetry: reflection

Compare the reflected layout used to relate two categories. section 2.2.4

Figure 2.11 Principle of symmetry: rotation

Inspect how repeated rotation supports a radial chart for cyclic values. section 2.2.4

Figure 2.12 Principle of symmetry: translation. (Ivett Kovacs. Used with permission. See the interactive version at http://mng.bz/G9rV.)

See translation repeated across a field of comparable charts. section 2.2.4

How Everyday Data Visualization covers it

How deep it goes

Defines reflection, rotation, and translation with chart applications, but stops short of mathematical formalism.

Examples

Uses butterfly charts, radial charts, small multiples, and repeated typographic labels as concrete applications.

What it assumes

Introduces symmetry alongside preattentive attributes and Gestalt principles rather than assuming specialized design vocabulary.

What you can do after

Evaluate/understand which symmetry type supports a chart structure or typographic hierarchy while recognizing detail and emphasis trade-offs.

How it connects

Connects Gestalt principles and preattentive attributes with butterfly charts, radial charts, small multiples, and typography.

liveBookmanning.com

Read Everyday Data Visualization on liveBook Get the book at manning.com

Also explained in

• 

  liveBookmanning.com
  WordPress Power Toolkit: Harness AI to build next-level websitesSymmetry is a visual arrangement in which corresponding parts have matching or mirrored proportions around an axis or center.
• 

  liveBookmanning.com
  Design for DevelopersSymmetry is a balanced correspondence of parts around an axis, center, or other transformation.
• 

  liveBookmanning.com
  Grokking StatisticsSymmetry is a property in which corresponding parts of a distribution mirror one another around a center.

Compare how 4 books explain symmetry →

Related concepts

• visual balancecontrasts with · Visual balance is the perceived equilibrium created by distributing visual weight and position among elements in a composition.
• translationincludes · A translation is a geometric transformation that moves every point by the same displacement without changing an object’s shape or orientation.
• rotationincludes · A rotation is a geometric transformation that turns points or objects about a fixed center, origin, or axis through an angle while preserving distances and angles.
• skewmeasured by · Skewness is a measure of the direction and degree of asymmetry in a probability distribution or observed data around its center.
• Gestalt principlekind of · A Gestalt principle describes how human perception groups and interprets visual elements as organized, unified forms.

This explainer was generated by Manning's knowledge graph from the text of Everyday Data Visualization. The section links point to the parts of the book it draws on.