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.
Hacking public-facing 
visualizations at Twitter 
Nicolas Garcia Belmonte / @philogb
https://interactive.twitter.com/
thejit.org PhiloGL
The Geography of Tweets 
!
The Geography of Tweets 
by @miguelrios
The Geography of Tweets 
by @miguelrios
The Topography of Tweets
• Novel Visualization 
• Data Processing 
• Rendering 
!
Visualization Techniques
Typhoon 
Haiyan
Charles Joseph Minard - (1781-1870)
Emigration
Coal Exports
Data-ink ratio 
“Above all else show the data
MINGLE 
Multilevel Agglomerative Edge Bundling - Gansner, E.R. ; Yifan Hu ; North, S. ; Scheidegger, C.
Visual Display
Visual Display
Visual Display 
http://github.com/philogb/mingle
Data Processing Techniques
NFL Fans
by @kristw
Pixel Color maps to Hash 
rgb(20, 50, 55) 
“20,50,55”: { 
“COUNTY”: /*name*/ 
“STATE”: /*name*/ 
“POPULATION”: 30 
} 
We k...
Graphics Techniques
BRANDS
Day / Night
Fold / Unfold
Blending 
render tweets render globe 
blend 
+ post-process
Halos
Halos
Halos 
Tissot indicatrix
Halos
Halos
Tweet Impressions
WebGL Insights 
http://webglinsights.blogspot.com/ 
! 
!
Platform 
! 
Global / Real-Time / Conversational
@philogb 
https://interactive.twitter.com/
The Geography of Tweets - BBC Developer Conference
The Geography of Tweets - BBC Developer Conference
The Geography of Tweets - BBC Developer Conference
Upcoming SlideShare
Loading in …5
×

The Geography of Tweets - BBC Developer Conference

1,574 views

Published on

Presentation at the BBC Academy conference - BBC Develop

Published in: Engineering
  • Be the first to comment

The Geography of Tweets - BBC Developer Conference

  1. 1. Hacking public-facing visualizations at Twitter Nicolas Garcia Belmonte / @philogb
  2. 2. https://interactive.twitter.com/
  3. 3. thejit.org PhiloGL
  4. 4. The Geography of Tweets !
  5. 5. The Geography of Tweets by @miguelrios
  6. 6. The Geography of Tweets by @miguelrios
  7. 7. The Topography of Tweets
  8. 8. • Novel Visualization • Data Processing • Rendering !
  9. 9. Visualization Techniques
  10. 10. Typhoon Haiyan
  11. 11. Charles Joseph Minard - (1781-1870)
  12. 12. Emigration
  13. 13. Coal Exports
  14. 14. Data-ink ratio “Above all else show the data
  15. 15. MINGLE Multilevel Agglomerative Edge Bundling - Gansner, E.R. ; Yifan Hu ; North, S. ; Scheidegger, C.
  16. 16. Visual Display
  17. 17. Visual Display
  18. 18. Visual Display http://github.com/philogb/mingle
  19. 19. Data Processing Techniques
  20. 20. NFL Fans
  21. 21. by @kristw
  22. 22. Pixel Color maps to Hash rgb(20, 50, 55) “20,50,55”: { “COUNTY”: /*name*/ “STATE”: /*name*/ “POPULATION”: 30 } We keep an image file and a meta data file
  23. 23. Graphics Techniques
  24. 24. BRANDS
  25. 25. Day / Night
  26. 26. Fold / Unfold
  27. 27. Blending render tweets render globe blend + post-process
  28. 28. Halos
  29. 29. Halos
  30. 30. Halos Tissot indicatrix
  31. 31. Halos
  32. 32. Halos
  33. 33. Tweet Impressions
  34. 34. WebGL Insights http://webglinsights.blogspot.com/ ! !
  35. 35. Platform ! Global / Real-Time / Conversational
  36. 36. @philogb https://interactive.twitter.com/

×