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 re-make of a 2015 essay series, with every demonstration rebuilt on a Semiotic chart. Each principle is shown where it actually lives: the encoding it powers, or the chart it quietly sabotages.
Similarity, Proximity & Enclosure
The three most basic grouping principles. Once you name how a graphic signals category — even something as plain as shared color — you also start noticing the signals it sends by accident.
Fig. 1Three ways to say 'these belong together'
Forty marks, one neutral gray. No grouping signal yet — just a field of dots.
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.