presentation slide for london data visualization meetup
Pull request Compare This branch is even with makoto:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
stack
README.html
README.md
channel4.png
guardian.png
index.html
main.css
main.js
mmxii.png
nyt.png
ore.png
triathlon.png
triathlon_ts.png

README.md

Londinium MMXII

<iframe width="800px" height="600px" src="http://medalrivalry.herokuapp.com/rivals.html?year=2008&category=Cycling&size=500"></iframe>

Introduction

  • Makoto Inoue (@makoto_inoue)
  • MMXII Hackathon (New Bamboo & Pusher)

Topics

  • MMVIII
  • MMXII
  • MMXVI

MMVIII

Bolt 2008

2008 August 8 - 24

Technology

First iPhone

  • iPhone = 2007 June
  • Facebook Platform = 2007 May
  • BBC iPlayer = 2007 December
  • The AppStore = 2008 July
  • Android = 2008 October

Social Media

YouTube

YouTube

Facebook

Facebook

Twitter

Twitter

Infographic

Infographic google keywords

FromGoogle Trend

Data Visualisation

<iframe src="http://c4news.com/livepages/olympics2008/c4/olympicsResults.html" width=1000px height=600px></iframe> <iframe src="http://www-958.ibm.com/software/data/cognos/manyeyes/visualizations/olympics-2008-medals-by-event-top--3" width=1000px height=600px></iframe>

Visualisation tools

  • Many Eyes (Java)
  • Flash

Visualisation tools (JS)

  • Processing.js = 2008 May
  • Raphael.js = 2008 Sep
  • Protoviz = 2009 April

Conclusion of MMVIII

  • Data viz = Medal Counts
  • Tools = Flash/Java

MMXII

Bolt 2012

2012 July 29 - Aug

Technology

  • Mobile (iPhone, Android, iPad)
  • Social (Facebook, Twitter, FourSquare)
  • Big Data, Cloud, etc
  • Video (Youtube, BBC iPlayer)

Data Visualization

BBC Interactive iPlayer

<iframe src="http://www.bbc.co.uk/sport/olympics/2012/live-video/p00w31zk" width=800px height=600px></iframe>

Visualizing.org London 2012

http://visualizing.org/visualizations/rising-olympic-mountains http://christiangross.info/olympics/

<iframe src="http://christiangross.info/olympics/" width="1000" height="1200"></iframe>

NYT 100 meter dash

The Hackathon

How it went

<script src="http://storify.com/makoto_inoue/hackathon-summary.js"></script>[View the story "Hackathon summary" on Storify]

Apps

Hackathon Result

Mmxii Earth

<iframe width="560" height="315" src="http://www.youtube.com/embed/1v7rJWYXKuY" frameborder="0" allowfullscreen></iframe>

Olympic Record Evolution

<iframe src="http://jgwhite.github.com/mmxii-olympic-record-evolution/" width="1000px" height="600px"></iframe>

8 Beer Sprint

<iframe src="http://8beersprint.defsprite.com/" width="1000px" height="600px"></iframe>

Result

"At the end of July, as the Games got underway, developers took part in the first Olympic hackday"

London 2012: is this the first open data Olympics?

  • "every athlete coming to London for the Games is registered by London 2012 and their details published on this website. It's deliberately set up to be almost impossible to scrape, even for our own pretty experienced team."

  • "As for live results, it may be broadcast in front of your eyes but reusing and reproducing it is a no-go, largely because it still costs money to get the data in the first place."

  • "So, is it the first Open data Olympics? Not this time. But it is the first data Olympics."

Conclusion of MMXII

  • Medal Counts + Social Media + Geo
  • JavaScript (d3js the winner)
  • NOT Open Data

MMXVI

Neymar Bolt

Prediction

The future is already here – it's just not evenly distributed. —William Gibson, quoted in The Economist, December 4, 2003

What if ?

  • Detailed result of Olympic is available?
  • Sports Tech Hackday
<script src="http://storify.com/makoto_inoue/sports-tech-hackday.js"></script>[View the story "Sports Tech HackDay" on Storify]

Possessed

<iframe src="http://makoto.github.com/possessed" width="1000px" height="1000px"></iframe>

BBC iPlayer

  • Triathlon

BBC (Data Driven) iPlayer

  • Triathlon Visualised

Thanks && References