Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
From Data Journalism to Data 
Illustration 
! 
Visualizing Data with JavaScript at 
Twitter 
Nicolas Garcia Belmonte / @ph...
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 
Twitter 
CANVAS
Brazil Elections 
SVG
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 Cup 
CANVAS + SVG
World Cup 
CANVAS + SVG
When to use WebGL ?
COOL FACTOR
#CannesLions
Interactive Experiences
WebGL Insights 
http://webglinsights.blogspot.com/ 
! 
!
Key Takeaways 
!
@philogb 
https://interactive.twitter.com/
From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter
From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter
From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter
From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter
Upcoming SlideShare
Loading in …5
×

From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter

1,237 views

Published on

Talk at JSConf Argentina - Nov. 2014. More info: https://interactive.twitter.com

Published in: Technology
  • Login to see the comments

From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter

  1. 1. From Data Journalism to Data Illustration ! Visualizing Data with JavaScript at Twitter Nicolas Garcia Belmonte / @philogb
  2. 2. https://interactive.twitter.com/
  3. 3. Platform ! Global / Real-Time / Conversational
  4. 4. Verticals ! Government / News / Sports / TV / Music
  5. 5. Tone of the Visualization ! Narrative / Exploratory / Expositive / Fun
  6. 6. Government !
  7. 7. State of the Union Address SVG + CANVAS
  8. 8. Visual Display
  9. 9. Visual Display
  10. 10. Visual Display
  11. 11. Visual Display
  12. 12. Web of Influence on Twitter CANVAS
  13. 13. Brazil Elections SVG
  14. 14. News !
  15. 15. Typhoon Haiyan CANVAS !
  16. 16. Visual Display
  17. 17. Visual Display
  18. 18. Visual Display
  19. 19. Visual Display
  20. 20. Visual Display
  21. 21. Visual Display
  22. 22. Visual Display http://github.com/philogb/mingle
  23. 23. Sports !
  24. 24. World Cup CANVAS + SVG
  25. 25. World Cup CANVAS + SVG
  26. 26. When to use WebGL ?
  27. 27. COOL FACTOR
  28. 28. #CannesLions
  29. 29. Interactive Experiences
  30. 30. WebGL Insights http://webglinsights.blogspot.com/ ! !
  31. 31. Key Takeaways !
  32. 32. @philogb https://interactive.twitter.com/

×