from data journalism to data illustration - visualizing data with javascript at twitter
DESCRIPTION
Presented at JSConf Argentina on Nov. 29th 2014. More information at https://interactive.twitter.com and http://philogb.github.ioTRANSCRIPT
![Page 1: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/1.jpg)
From Data Journalism to Data Illustration
!
Visualizing Data with JavaScript at Twitter
Nicolas Garcia Belmonte / @philogb
![Page 3: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/3.jpg)
Platform !
Global / Real-Time / Conversational
![Page 4: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/4.jpg)
Verticals !
Government / News / Sports / TV / Music
![Page 5: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/5.jpg)
Tone of the Visualization !
Narrative / Exploratory / Expositive / Fun
![Page 6: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/6.jpg)
Government !
![Page 7: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/7.jpg)
State of the Union Address
SVG + CANVAS
![Page 8: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/8.jpg)
Visual Display
![Page 9: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/9.jpg)
Visual Display
![Page 10: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/10.jpg)
Visual Display
![Page 11: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/11.jpg)
Visual Display
![Page 12: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/12.jpg)
![Page 13: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/13.jpg)
Web of Influence on
TwitterCANVAS
![Page 14: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/14.jpg)
Brazil ElectionsSVG
![Page 15: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/15.jpg)
News !
![Page 16: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/16.jpg)
Typhoon Haiyan
CANVAS !
![Page 17: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/17.jpg)
Visual Display
![Page 18: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/18.jpg)
Visual Display
![Page 19: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/19.jpg)
Visual Display
![Page 20: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/20.jpg)
Visual Display
![Page 21: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/21.jpg)
Visual Display
![Page 22: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/22.jpg)
Visual Display
![Page 23: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/23.jpg)
Visual Display
http://github.com/philogb/mingle
![Page 24: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/24.jpg)
Sports !
![Page 25: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/25.jpg)
World CupCANVAS + SVG
![Page 26: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/26.jpg)
World CupCANVAS + SVG
![Page 27: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/27.jpg)
When to use WebGL ?
![Page 28: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/28.jpg)
COOL FACTOR
![Page 31: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/31.jpg)
WebGL Insights http://webglinsights.blogspot.com/
!
!
![Page 34: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/34.jpg)
Key Takeaways !
![Page 35: From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter](https://reader035.vdocuments.site/reader035/viewer/2022081404/559c54321a28aba81c8b45b5/html5/thumbnails/35.jpg)