Twitter Visualisation for Sydney Festival 2011

21 February 2011

6 comments

A Blue Perspective: Twitter Visualisation for Sydney Festival 2011

It was with 2 days notice that the Sydney Festival informed me that they'd like some way of getting tweets onto six giant screens (each roughly the size of 240 computer monitors) that were going to be viewed by hundreds of thousands of people. So sure, how could I say no?

With such little time to burn I decided to adapt the code from Visible Tweets into a format that would be suitable for what they had in mind – live video stream above, tweets scrolling below. In addition to the design changes, there was also the request that all tweets be moderated. I'm not a big fan of moderated tweet streams at an event because inevitably the moderator can't keep up or forgets to add tweets to the stream and you end up with a stale, lifeless display. (Sure, filter out dirty words, but there's plenty of ways to do that)

Anyway, moderation was required, and with the aforementioned constraints we didn't really have time to create an entire moderation system, so we went quick and dirty – pull all tweets from a specific account and use retweets from that account as the signal to put tweets from other people onto the screen. It worked pretty well. This workflow had the added bonus that everyone with access to that account could retweet interesting tweets using their existing Twitter client. As they were spending most of the festival running around madly with just their mobile phones, this was quite handy.

It was quite interesting working on an event of this scale and seeing the effort that goes on behind the scenes. For Festival First Night they had well over 200 people doing stage management, crowd control, logistics, production and a whole host of other stuff. My main concern was with the audio visual systems that we'd by tying a laptop into.

I've never dealt with a fully produced A/V setup before, so it was amazing to walk into the producer's trailer and see racks of processing equipment and big monitors that combined live camera feeds, pre-taped advertisements and our little Twitter visualisation into what the audience sees out on stage.

Flash app with green chroma key backgroundIn order for the visualisation to appear in combination with live video we used a chroma key to separate out the background. This meant that I wrote my Flash app to sit on an eye-searingly bright green background and the A/V guys masked out that colour and put live video underneath. It worked amazingly smoothly, and with full alpha transparency!

With virtually no time for testing it was inevitable that a few hiccups would strike on the day, but I'm kind of used to being huddled out the back of a stage furiously trying to debug stuff that's happening on the screen right now. I'll spare you the details and offer two items of advice: 1. Never rely on an Internet connection at a public event; 2. Throttle your API calls.

But those are all memories that are easy to reminisce over when you're sitting on the grass of the Domain watching tweets flow across the screen. And to make it all seem so much smoother than it was, I've compiled a video of the outcome, which you can see below. At the end of the day, all that really matters is happy organisers, and a happy audience.

Categories

, ,

Comments

  1. 1/6

    John Allsopp commented on 21 February 2011 @ 14:33

    Hi Cam,

    great stuff.

    Now, what can we do to get you to redo it as a web tech based app ;-)

  2. 2/6

    The Man in Blue commented on 21 February 2011 @ 14:52

    Yeah John, it wouldn't be that hard to do this one in SVG or Canvas. Was mainly easy to do in Flash because I had most of the code.

    I also prefer Flash for public projections because it's normally more stable (frames-per-second-wise) than browser-based tech.

  3. 3/6

    Adam Schilling commented on 21 February 2011 @ 15:01

    Awesome work, Cam.

    Love the way the message is enlarged to be read at a distance. That it waits for you to get going, then starts scrolling and zooms out at the end to contain the entire message. Nice attention to detail.

  4. 4/6

    Mr Speaker commented on 21 February 2011 @ 19:54

    Great idea with the re-tweet-as-data-source, too!

  5. 5/6

    Matt Lacey commented on 21 February 2011 @ 22:20

    Very nice.

    I've done software at festivals and I've done big screen tweet feeds (for conferences) but haven't had the chance to put the two together myself yet though.

    Especially liked your moderation technique. Can you share how you were throttling the API calls?

  6. 6/6

    Hans Thorson commented on 26 February 2011 @ 04:18

    I was at a social media conference last week and there the audience had to ask all questions thorugh Twitter. Thats not groundbreaking I think, even though I haventt seen it before. Anyway, what would have been really cool was to have the questions up on the big screen like you did. Im sure that If you want do business out of this a lot of people would be interrested:) Maybee you Aussies are all used to this;), but I think a lot of people (festivals, conferenses etc.) would love it! Great work.

  7. Leave your own comment

    Comments have been turned off on this entry to foil the demons from the lower pits of Spamzalot.

    If you've got some vitriol that just has to be spat, then contact me.

Follow me on Twitter

To hear smaller but more regular stuff from me, follow @themaninblue.

Monthly Archives

Popular Entries

My Book: Simply JavaScript

Simply JavaScript

Simply JavaScript is an enjoyable and easy-to-follow guide for beginners as they begin their journey into JavaScript. Separated into 9 logical chapters, it will take you all the way from the basics of the JavaScript language through to DOM manipulation and Ajax.

Step-by-step examples, rich illustrations and humourous commentary will teach you the right way to code JavaScript in both an unobtrusive and an accessible manner.

RSS feed