O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
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
Próximos SlideShares
Carregando em…5
×

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

1.252 visualizações

Publicada em

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

Publicada em: Tecnologia
  • Entre para ver os comentários

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/

×