Tasty visualisations from the Barcelona Data Cuisine

Data Cuisine is an experimental workshop investigating the creative possibilities at the intersection between food and data: “exploring food as a medium for data expression”. Between 10th and 13th of June, Moritz Stefaner, a man who needs no introduction, along with Dr Susanne Jaschko and chef Sebastian Velilla ran the second edition of the workshop in Barcelona (the first was in Helsinki in 2012) part of the Big Bang Data exhibition at CCCB, and in coordination with Sónar.

DataCuisine

The focus of the experiment is to research creative ways to represent local open data in through the inherent qualities of food like color, form, texture, smell, taste, nutrition, origin etc. It is a truly multi-sensory approach to encoding data, something that I’ve highlighted previously as been a really interesting branch of the visualisation field.

The workshop is a collaborative research experience, blurring the boundaries between teachers and participants, data and food. At its end, an local data menu is created and publicly tasted.

Noodles

Salt

InOut

Moritz and Susanne have just finished writing up details and publishing photos of the dishes made during this Barcelona workshop. Probably a good idea to not visit the site with an empty stomach.

Visits: A visualisation tool for location histories and photos

Visits is a new visualisation tool by Alice Thudt, Sheelagh Carpendale and Dominikus Baur that lets you browse your location histories and explore your trips and travels. The tool is based on a research project from the University of Calgary. You can find the corresponding publication here: A. Thudt, D. Baur, S. Carpendale – Visits: A Spatiotemporal Visualization of Location Histories, EuroVis 2013.

Visits

Based on an innovative interactive map-timeline the visualisation elegantly comprises a main map element that shows the bigger-picture view of the places you have visited with a series of sequenced circular map snippets that encode when and how long you have stayed in each location. You also then have the option to upload photos from Flickr to supplement the map-timeline with a visual slideshow story of your journey that can be shared with friends and family – and even complete strangers, should you wish.

You can learn more about the project here and, of course, the authors are keen to invite anyone to create their own ‘visit’ story.

Our Future, Together: Immigrants & the American economy

There is a flurry of new projects hitting the airwaves right now. Another interesting work comes from the team at Graphicacy who have been working with the The Center for American Progress to develop a videographic and interactive package to help bring visibility to the issue of the future of immigration in America and it’s impact on the economy. The project is titled ‘Our Future, Together‘.

FutureTogether

The work commences with a short video graphic introducing the subject and framing the issue of the workers leaving the economy, those arriving and the influence immigrants and their future off-spring will have on helping to grow the economy.

Then, as you move down through the different sections, you learn more about that demographics of the current and future workforce. I really like this statement:

Just as explorers use a compass and architects a blueprint, demographers use pyramid charts to read the tea leaves: What groups are ageing or booming with youth, and what do these shapes tell us about the changing American workforce?

FutureTogetherDemo

After the pyramid shapes of the current and future demographics, we have a tree map to compare and contrast the proportions of different ethnic groups.

FutureTogetherTree

Finally, we have two different portrayals of the data over time, looking at the emerging and likely trends of different generations of immigrants in the workforce and explore the ebb and flow of legal immigration via a stream graph.

FutureTogetherStream

As a side note, and taking a bigger picture view of the field, I wonder if this work and the Selfiecity project are representative of a developing theme of long-form visualisations. We’ve seen the boom of digital storytelling/long-form multimedia journalism (has anyone nailed a classification yet?) projects over the past 18 months (since Snow Fall) and I feel we are now seeing the influence on these multi-faceted, but specifically, visualisation projects. Time will tell I guess.

Anyway, you can learn more about this project here and for those nearby or attending, Jeff Osbourn (Creative Director) and Angeline Vuong (from CAP) will be giving a presentation about the project at the upcoming DC Interactive Documentary Summit.

Welcome to ‘Selfiecity’

Selfiecity is a newly launched project, co-ordinated by Lev Manovich and creatively directed by Moritz Stefaner alongside an ultra-talented team, investigating the style of 3200 ‘selfies’ (photgraphed self-portraits) across five cities across the world. The project was previewed at Visualized conference but has now been let loose in the wild.

Selfie

The project takes on the investigation of this contemporary phenomena by exploring a variety of attributes of the subjects, the poses and the expressions.

Up first, you can explore and view the images themselves via the ImagePlots panel, filtering by city and picking different cropping/positioning techniques. Alongside this we some demographic findings from the analysis of each and every photograph.

SelfieDemographics

To gather data about the characteristics of age and gender for each person in each photograph (in supplement to ‘rudimentary automatic face analysis with human judgment’) the photos were inspected by Mechanical Turk workers. You can read more about the thorough data gathering and preparation process, including the process of refining an initial 120,000 photos down to the final 3,200 used in the study.

Next up, we have the Selfiexploratory, a separate interface where you can perform custom dives into the photos based on your own filters and parameters. For those of a certain age it feels like a digital take on classic ‘Guess Who‘ board game…

SelfieExploratory

Finally, we have the summary findings, providing insights such as the proportion of selfies out of the original Instagram image bank, the gender analysis by city, perceived smiliness (cheer up Moscow!) and the index of head-tiltiness (careful with those necks, Sao Paolo).

SelfieFindings

There are many things to praise in this project, which takes what would appear on the surface to be a relatively thin and superficial subject matter and successfully rummages and dissects its potential insights to the maximum.

I love the little green call-outs. The simple act of placing a revealable insight at different points throughout the site is a super device. The project is driven by curiosity (“Is it just me, or do Sao Paulo women actually tilt their heads more? Do New Yorkers or Berliners look older?”), not just opportunity (“We’ve got all these images, what shall we do with them”). It is also not just an explore-and-find project: it also incorporates explain-and-show. The creators have taken the responsibility to unearth and share their findings taking the experiment even to the realm of theory and reflection.

‘Weather Radials’: New project from Raureif

It is not just the British or Seattle-ites (I understand) who have a keen interest in the Weather. Weather Radials is the latest weather-based data visualisation project from Timm Kekeritz and the team at Raureif – one of my absolute favourite agencies and creators of the excellent Partly Cloudy app.

WeatherRadials

The poster is based on a small multiples layout showing the story of four seasons of weather during 2013 across 35 cities around the globe. Each city is presented as a unique radial visualisation illustrating the weather readings and climatical characteristics across the year.

Each radial consists of 365 temperature lines with January 1 in the 12 o’clock position and the days sequencing clockwise. The closer a temperature line is positioned to the centre of a circle, the colder the minimum temperature of the day. The further out, the warmer the daily maximum temperature. The colour represents the daily mean temperature. Rainfall or snowfall is shown as a blue circle, centred on the day’s temperature line and sized according to the amount of precipitation.

weatherradials-city-berlin

The project combines quantitative data with qualitative insights: to highlight the stories behind the raw weather data, the team hand-picked nearly a hundred weather events: extreme weather conditions, temperature records, and other meteorological anecdotes of 2013. As Timm points out these include, for example, the unusually wet spring in Berlin, the prolonged heat wave in Washington, the record temperatures in Sydney and the monsoon season in Mumbai.

The data used for the visualization was collected from the Open Weather Map project, the Norwegian Meteorological Institute and Weather Underground.

weatherradials-0-wall-large

Beautiful A1-posters of Weather Radials are available to order through the website. Mr Stay Puft not included.

Google Research releases the ‘Music Timeline’

The Music Timeline is a new project from the Big Picture and Music Intelligence research groups at Google. The Big Picture group includes star names such as Fernanda Viégas and Martin Wattenberg. The Timeline is updated weekly and let’s you see how different musical genres grow or shrink in popularity through the years from a starting point of 1950. It also let’s users discover artists’ libraries from within each genre.

Timeline

The visualisation exists, in the first instance, as an interactive stacked area chart, with the thickness of each genre determining its popularity over time and the colours used to differentiate between genres at the top level and the sub-genres beneath. The popularity data comes from Google Play Music and is based on the number of users who have an artist or album in their library. In the ‘About‘ description we see this explained: “The jazz stripe is thick in the 1950s since many users’ libraries contain jazz albums released in the 1950s’.

Metal

When you click on a certain genre, you are then taken to an interactive stream graph including more detailed sub-genre streams within the overall shape. Beneath the main graphic you have a selection of seven prominent albums/artists from down the years, though it is unclear on what basis these are selected (possibly top seven sales figures on Google Music?). Clicking on an album will take you through to the artist/album’s library.

GoogleMusic

Read more about the project including some of the key acknowledgements about the depth and state of the data.

Game Tree: Visualising Nadal’s historic season

Really like this work from Damien Demaj to visualise a key facet of Rafael Nadal’s incredible 2013 season on the tennis tour. Damien runs GameSetMap, a blog that presents new ways of looking at tennis analytics and tennis spatial data in particular. Damien’s recent work explores Nadal’s historic season via an interactive Game Tree.

Nadal

Nadal’s Game Tree allows you to explore how his 600+ service games played out in the Grand Slams, Masters 1000 and World Tour Finals. As Damien describes:

The challenge was to come up with a visualization that better reflects game momentum, and therefore shows how easily, or not a player wins their service game. Each point in Nadal’s Game Tree is colour coded to reflect the momentum in each game. Blue representing positive momentum, and red negative momentum. The spine of the game tree is coloured white indicating neutral territory for Nadal.

If it was available, I’d love to see a similar approach applied to all players on the tour, would be fascinating to see the shapes of players throughout the rankings and between genders, see how their games match up to the ideal of that right hand side path on the tree. Maybe you could compare players across small multiples of their basic tree shape? Maybe compare players in different eras?

Anyway, that’s just a personal wishlist, nice work Damien. Check out the rest of his analysis on GameSetMap.

Graphic vocabulary: Charts as words

Just been looking in detail at the latest great project from the NYT’s ‘BosCarQue’ triumvirate, visualising the history of college athletics in the US.

HistoryofNCAA

One of the elements that really grabbed me was the integration of a mini bar chart (sparkbars?) within the introduction text.

GraphicVocab

The idea of creating and embedding word-sized graphics into text is not new. Sparklines, as described below, are one of the most enduring ideas from Tufte’s heyday:

A sparkline is a small intense, simple, word-sized graphic with typographic resolution. Sparklines mean that graphics are no longer cartoonish special occasions with captions and boxes, but rather sparkline graphic can be everywhere a word or number can be: embedded in a sentence, table, headline, map, spreadsheet, graphic. From Edward Tufte’s book Beautiful Evidence.

However, this is the first time I recall seeing it being used ‘in the wild’ (ie. not from Tufte’s texts) and done in a way that seemed so natural, so obvious and so seamlessly, as if a bar chart was just another component of our written vocabulary.

3D printing capability via DataAppeal maps

Last week I shared details of a treemap data art project, now here’s another way to transform your data into something more than just a form of communication. The latest release of DataAppeal enables users to import their generated 3D data-maps into other 3D modelling and vector-based software programmes creating the potential for physical 3D prints being made of their data.

Dataappeal4

In this sequence of examples we see a data representation of GTA Transit volume across thousands of districts in Toronto and surrounding across over a 24 hour period.

Dataappeal1

The output of the initial 3D mapping from DataAppeal is then compatible with software including AutoCAD, SketchUp, Rhino and 3ds Max.

Dataappeal2

Dataappeal3

From there, why not go a stage further and get physical!

Dataappeal5

Treemap data art

Details of a Treemap Art Project have come to my attention, showcasing data-generated artwork from one of the most influential names in data visualisation, Ben Shneiderman. The project has the compelling strapline ‘Every AlgoRiThm has ART in it’.

Treemap1

Ben has had a hugely distinguished career and is responsible for a host of notable achievements in this field, along with Human Computer Interaction. His ‘Eight Golden Rules of Interface Design‘ and ‘Visual Information-Seeking Mantra‘ are but two of his most enduring footprints on these subjects. However, I’m sure it would be the case that many people most associate him as the pioneer of the treemap visualisation technique.

He has been working on a summer project to create a set of artworks based on his treemap technique, which has now come to fruition with the hanging of 12 framed images (24 x 36 inches) on the walls in the University of Maryland Computer Science Instructional Center.

Treemap2

Whilst the noise has died down somewhat recently, the negative reaction many purists have to data art as a concept is often misplaced. Data art should be judged through a different lens to data visualisation. The latter is generally concerned with discoveries from or communication of data, whereas data art is more about self-expression or an exhibition using data. Sure, there may some consequential discovery or enhanced cognition about the underlying subject through the resulting patterns, but that is not the goal.

Although I conceived treemaps for purely functional purposes (understanding the allocation of space on a hard drive), I was always aware that there were aesthetic choices in making appealing treemaps, such as the layout, color palette, and, aspect ratio of the entire image. Also certain treemaps were inherently interesting because of the data displayed or patterns revealed.

Ben goes onto explains his belief that there are at least four aesthetic aspects of treemaps:

  1. Layout design (slice-and-dice, squarified, ordered, strip, etc.)
  2. Color palette (muted, bold, sequential, divergent, rainbow, etc.)
  3. aspect ratio of the entire image (square, golden ratio, wide, tall, etc.)
  4. prominence of borders for each region, each hierarchy level, and the surrounding box

Treemap3

The dedicated website tells the story, shows sets of draft designs, and full size PDFs for the 12 images. There is also a flyer for those who want a 2-page summary with all 12 thumbnails and some pictures of the installation.

Ben explains that the prints will be up for at least two months…

then we’ll see what happens… I’ve been getting increasingly enthusiastic feedback as we refined the designs. Now dealing with requests for prints, which is a good sign. It’s been very interesting to shift my thinking to the aesthetic side and commit to making artistic choices.