BreathSync

Visualizing Breath Rhythms to Explore Empathy and Connection





Inspiration

We breathe more than twenty thousand times a day. Each inhale and exhale is subtle enough to fade into the background— an automatic rhythm that keeps us alive yet rarely enters awareness. Breathing is one of the most intimate and continuous physiological processes we have, but also one of the least noticed.

We seldom perceive our own breath, and almost never notice another person’s breathing unless we share physical closeness or emotional intimacy with them — a partner sleeping beside us, a friend calming down next to us, a child’s breath softening as they fall asleep. Outside such rare proximities, breathing remains private, hidden behind social boundaries and everyday noise.


Yet breath is more than mechanical. It reflects our internal state in real time — tightening with anxiety, opening with groundedness, speeding up with excitement, slowing with relief.

In social psychology, empathy refers to the capacity to understand and resonate with another’s internal state, spanning both cognitive empathy (recognizing how someone feels) and affective empathy (sharing that feeling) (Davis, 1994). Empathy is also physiological: research shows that people often unconsciously align their bodily rhythms—posture, heartbeat, even breathing—with those around them (Hatfield, Cacioppo & Rapson, 1994). In group contexts, such synchrony strengthens social bonding, promotes emotional convergence, supports collective regulation, and creates a sense of shared presence.

Thus, even minimal cues—like witnessing another person’s breathing pattern—can evoke connection, resonance, and a feeling of belonging within a group (Feldman, 2012).

These insights suggest that breathing—normally private, invisible, and unnoticed—may be a uniquely sensitive medium for examining how people relate to themselves and to others. By turning breath into something perceptible, we create an opportunity to observe processes that usually remain hidden: how individuals recognize their own internal state, how they attune to another person’s emotional rhythm, and how subtle physiological cues shape feelings of connection.



Research Questions

This project begins with a simple yet provocative question: 
1. How does making one’s own breath visible influence self-empathy, emotional regulation, and the perception of internal states?
2. How does witnessing the breathing patterns of unfamiliar others affect group empathy, perceived social connection, and emotional resonance?


Over Flow Diagram

By making one’s own breath visible, the system lets users encounter their internal rhythm as something tangible—inviting gentleness, recognition, and a softened relationship with the self.
By presenting the anonymous breaths of strangers, it reveals how pure rhythm—without faces or stories—can still evoke resonance, distance, or fleeting connection.
Together with the survey and shared database, the system traces how breath becomes a medium through which individuals sense themselves, sense others, and momentarily share an embodied emotional space.


Breathing Empathy Experiment Structure 


Self-Empathy Stage



Breath Capture
Breathing Data Understanding

Effective visualization begins with understanding the underlying breathing data—its form, its noise, and its rhythmic structure.

Through these visualization experiments, I found that a clear, continuous mathematical mapping always underlies the transformation from breathing data to visual form—whether it is rendered in 2D or 3D.

What ultimately shapes the curve is the breathing amplitude, the size of each inhale and exhale: larger amplitudes expand the form, smaller ones pull it inward.
In essence, the visual pattern is simply the spatial expression of the breath’s rhythm.


Real-time Breath Visualization 


Initial Visual Prototype: circle motion



My initial approach was very straightforward: I mapped each moment of breathing amplitude directly to changes in the size of a shape. When the breath value increased, the circle expanded; when it decreased, the circle contracted. This one-to-one mapping allowed users to immediately perceive their breathing rhythm visually.

I extended the linear mapping to additional visual dimensions, including color gradients, glow intensity, and layered shapes. But regardless of how the visual appearance evolved, everything followed the same underlying principle: every visual change was driven directly by breathing data, not by an independent animation curve.


Initial Visual Design
James Turrell

James Turrell’s work inspired me with how subtle shifts in light, color, and depth can make a space feel infinite and heighten one’s awareness of inner perception.
It made me consider how minimal cues can also guide self-awareness. Instead of using light fields, I work with the smallest rhythm of the body—breath. By letting simple changes in color and shape follow its pattern, I aim to help viewers sense the cadence of their own breathing and reconnect with something usually invisible.





From left to right:                                          
Visualization A — Dynamic Circle,
Visualization B — Live Environment,
Visualization C — Background–Circle Interaction


Participant feedback showed that Visualization C—the version using simple geometric forms and background transitions—generated the strongest sense of breath engagement. More than seven of the ten participants identified it as the visualization that most effectively helped them tune into their breathing.

Psychology: Warm, Cool, and Neutral Colors

Warm colors
Includes: red, orange, yellow
Psychological effects:higher arousal, warmth, energy, sociability; increased attention and emotional intensity.



Cool colors
Includes: blue, green, purple
Psychological effects: calmness, reduced anxiety, improved focus, and a sense of expanded space.
Neutral Colors
Includes: white, gray, black, beige
Psychological effects:balance, neutrality, minimal stimulation.
White: purity, clarity
Gray: restraint, neutrality, emotional flatness
Black: power, sophistication, also heaviness


Psychology of Geometric Shapes


Final Visual Design




Sound Design
To amplify the visualization of breath, I also introduced a “contraction–expansion” rhythm in the sound layer. By transforming the normally subtle, almost inaudible sound of breathing into musical changes, I hope to let viewers perceive the presence and intensity of breath in a more intuitive and immersive way.


All music is from Epidemic Sound.
With ambient and main music layers, stronger breathing increases the ambient sound while reducing the main track.



Group Empathy Stage




In this stage, participants view three visualized breathing patterns derived from others’ respiration and report their emotional and bodily responses to each, allowing us to examine whether other's breath rhythms can elicit empathy-like reactions.






Analysis of the Breathing Empathy Questionnaire




This study investigates how individuals perceive their breathing patterns in relation to their emotional states, and how visualization techniques may enhance awareness of both self and others. As a bridge between body and mind, breathing not only reflects physiological rhythms but may also carry emotional information. By presenting visualizations of both individual and group breathing, the study examines participants’ sensitivity to their own breath, their emotional resonance with different breathing patterns, and their ability to infer others’ internal states. In group contexts, shared or synchronized breathing may further support empathy and a sense of social connectedness.

Questionnaire URL (click here)


Sharing Database

A living database of anonymous breaths—revealing how people who never meet can still share rhythm, tension, and emotion.


music from QAQmusic



Reference List:
Arnheim, R. (1974). Art and visual perception: A psychology of the creative eye. University of California Press.

Davis, M. H. (1994). Empathy: A social psychological approach. Westview Press. https://doi.org/10.4324/9780429493898

Feldman, R. (2012). Bio-behavioral synchrony: A model of bonding. Current Directions in Psychological Science, 21(3), 235–240. https://doi.org/10.1177/0963721412446813Hatfield, E., 

Cacioppo, J. T., & Rapson, R. L. (1994). Emotional contagion. Cambridge University Press. https://doi.org/10.1017/CBO9780511620851

Kandinsky, W. (1979). Point and line to plane. Dover Publications.

Wong, W. (1993). Principles of form and design. Van Nostrand Reinhold.




/* Left Fixed Menu */ .left-menu { position: fixed; top: 4rem; left: 2rem; width: 180px; z-index: 999; font-size: 0.9rem; } .left-menu ul { list-style: none; padding: 0; margin: 0; } .left-menu li { margin-bottom: 0.7rem; } .left-menu a { text-decoration: none; color: rgba(80, 80, 80, 0.85); transition: color 0.25s; } .left-menu a.active { color: black; font-weight: 600; }