Machine-readable page content
Canonical: https://semiotic.nteract.io/examples/gestalt-principles
The Gestalt of Data Visualization
Perception LabGestalt is a pragmatic part of building charts—necessary the moment you do more than a plain bar or line. This is a working remake of a 2015 essay series. Each principle is shown where it actually lives: the encoding it powers, or the chart it quietly sabotages.
How Marks Become Groups
Similarity, proximity, and enclosure all signal category. Once you name the intended signal — even something as plain as shared color — you also start noticing the groups a graphic creates by accident.
Fig. 1Color, distance, and boundary establish a group
All forty marks share the same neutral gray, so the field has no grouping signal yet.
Revelation. Watch the transition between steps. The order in which marks move and recolor is itself a signal — the original essay called this "revelation." Animated charts carry memory of prior position and color, so sequencing has to be deliberate.
The whole is other than the sum of its parts
Every chart sends signals you did not author: marks that fall near each other, a more saturated hue, a transition that implies cause. When that signal is just a byproduct of a palette or a layout, it is a failure on the part of the person who made the chart. The fix is not to retreat to bare bars and lines — it is to see the gestalt your graphics are sending, and to bend it on purpose.
A transition of Elijah Meeks's 2015 essaysGestalt Principles for Data Visualization (§1,§2,§3,§4) — bespoke D3 then, Semiotic charts now. Approval data from the American Presidency Project at UCSB and Gallup.