From Data Journalism to Data Illustration

!

Visualizing Data with JavaScript at Twitter

Nicolas Garcia Belmonte / @philogb

https://interactive.twitter.com/

Platform !

Global / Real-Time / Conversational

Verticals !

Government / News / Sports / TV / Music

Tone of the Visualization !

Narrative / Exploratory / Expositive / Fun

Government !

State of the Union Address

SVG + CANVAS

Visual Display

Visual Display

Visual Display

Visual Display

Web of Influence on

TwitterCANVAS

Brazil ElectionsSVG

News !

Typhoon Haiyan

CANVAS !

Visual Display

Visual Display

Visual Display

Visual Display

Visual Display

Visual Display

Visual Display

http://github.com/philogb/mingle

Sports !

World CupCANVAS + SVG

World CupCANVAS + SVG

When to use WebGL ?

COOL FACTOR

#CannesLions

Interactive Experiences

WebGL Insights http://webglinsights.blogspot.com/

!

!

http://philogb.github.io/page/temperature-anomalies

http://philogb.github.io/page/color-cube

Key Takeaways !

@philogb

https://interactive.twitter.com/