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 keep an image file and a meta data file
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