# emoto

_Visualizing the emotional online response to London 2012_

Published: 2012-06-01

Live project: [http://emoto2012.org](http://emoto2012.org)

emoto captured and visu­al­ised the global response around the London 2012 Olympic Games on Twitter in an inter­active online visu­al­isa­tion and phys­ical data sculpture. In this data art commission, I had the creative lead in producing a real-time social sentiment visualization, data journalistic analysis of the games as well as a physical data sculpture.

## Key visuals

- Visitor viewing the emoto data sculpture — milled relief plates glowing blue on a gallery table
- Sentigraph charts of tweet sentiment and volume for Tom Daley, Michael Phelps and badminton
- The emoto website showing its origami-like real-time Olympic sentiment visualization
- Close-up of the data sculpture's milled relief plates lit blue, labelled Day 5
- Interactive heatmaps of Olympic tweet sentiment over time across topics like Team GB and Usain Bolt
- Diagram of the emoto pipeline from the Games to sentiment analysis and three visualization outputs

![Diagram of the emoto pipeline: from the Games and social response through sentiment analysis to three visualization outputs]()

## Real-time sentiment visualization

During the Games, we visualized the emotional online response in real-time in a web-based interactive application. Our custom infrastructure consumed the Twitter Streaming API, looking for tweets related to the Olympics and categorized these into sentiment categories (from "happy" to "angry" or "sad" messages). In addition, we detected topics of interest such as disciplines, athletes, nationalities, etc., so in the end we ended up with a real-time sentiment profile for topics relevant to the games. These sentiment profiles were visualized based on a unique origami-like visualization form, allowing easy comparison of how popular or controversial different topics were at a given time. In addition, incoming tweets were visualized in a stream-like message view, featuring an "inverse parallax" effect, where bigger ("more important") tweets would float more slowly on top, while less cited or referred to tweets were flying by faster in the background.

## Story fishing

As a complement to the fast-moving, ever-changing real-time popularity contest, we investigated various individual stories, such as the reception of the <a href={img__01_oc_charts_map_US_png}>opening ceremony in the US</a> and the <a href={img__01_oc_charts_map_UK_png}>UK</a>, or the <a href={img__01_sentiments_over_time1_png}>sentiment development of individual topics on the opening weekend</a>.

<div class="row">
<div class="half"><a href={img__01_oc_charts_map_UK_png}>![Map of the UK plotting opening-ceremony tweet sentiment as colored bubbles sized by tweet volume]()</a></div>
<div class="half"><a href={img__01_oc_charts_map_US_png}>![Map of the US plotting opening-ceremony tweet sentiment as colored bubbles sized by tweet volume]()</a></div>
</div>

In this context, we developed a chart type we called <a href={img__01_sentiments_over_time1_png}>"sentigraph"</a>, which encodes sentiment in color and vertical position of a line, and at the same time the number of messages in line strength — it proved to be highly effective.

<a href={img__01_sentiments_over_time1_png}>![Sentigraph tracing tweet sentiment and volume for topics like NBC, Tom Daley and Michael Phelps, with annotated peaks]()</a>

Of course, in the end, we used it to try and to summarize the audience reponse to the games in one <a href={img__03_big_timeline_png} rel="shadowbox[emoto2]">l-o-o-o-o-ng timeline.</a>

<a href={img__03_big_timeline_png}>![The full Olympics sentiment timeline: one long annotated sentigraph of Twitter mood across the Games]()</a>

## Data Sculpture

In many ways the crowning piece of the project, and a conceptual counterpoint to the ephemeral web activities, our data sculpture preserved the more than 12 million tweets in physical form. We had 17 plates CNC-milled — one for each day of the games — with a relief heatmap indicating the emotional highs and lows of each day. Overlay projections highlighted individual stories, and visitors could scroll through the most retweeted tweets per hour for each story using a control knob.

The tweets and topics displayed in the installation can be investigated in [interactive heatmaps.](/assets/extras/emoto/heatmap/) Rollover the rows to see a tooltip display of the most retweeted tweet on the given topic at the respective point in time.

## Credits

Created by <a href="http://moritz.stefaner.eu/" target="_blank" class="red" alt="Moritz Stefaner">Moritz Stefaner</a>, <a href="https://web.archive.org/web/20240411133903/https://futureeverything.org/uncategorized/drew-hemment/" target="_blank" class="red" alt="Drew Hemment">Drew Hemment</a>, <a href="http://www.nand.io/" target="_blank" class="red" alt="Studio NAND">Studio NAND</a>. A <a href="http://futureeverything.org/" target="_blank" class="red" alt="FutureEverything">FutureEverything</a> project for the <a href="http://www.london2012.com/about-us/cultural-olympiad/" target="_blank" class="red" alt="Cultural Olympiad">Cultural Olympiad</a> programme and <a href="http://festival.london2012.com/" target="_blank" class="red" alt="London 2012 Festival">London 2012 Festival</a>. Supported by <a href="http://www.lexalytics.com/" target="_blank" class="red" alt="Lexalytics">Lexalytics</a>, co-sponsored by <a href="http://www.ge.com/" target="_blank" class="red" alt="GE">GE</a> and funded by <a href="http://www.artscouncil.org.uk/" target="_blank" class="red" alt="Arts Council England">Arts Council England</a> and <a href="http://www.legacytrustuk.org/" target="_blank" class="red" alt="Legacy Trust UK">WE PLAY/Legacy Trust UK</a>.

---
[View on truth-and-beauty.net](https://truth-and-beauty.net/projects/emoto)