SlideShare a Scribd company logo
From Data Journalism to Data 
Illustration 
! 
Visualizing Data with JavaScript at 
Twitter 
Nicolas Garcia Belmonte / @philogb
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
From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter
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/ 
! 
!
From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter
From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter
Key Takeaways 
!
From Data Journalism to Data Illustration - Visualizing Data with JavaScript at Twitter
@philogb 
https://interactive.twitter.com/

More Related Content

PDF
ABUG #4 Introduction + Atlassian State of the union
PPTX
Democratising data by igniting a crowd powered movement.
PDF
The Design of Time
PDF
Data visualization for the web
PDF
Hacking public-facing data visualizations at Twitter
PDF
The Geography of Tweets - BBC Developer Conference
PDF
The briefing room how data visualization enhances the news
PPTX
Lincoln2014 ddj (ppt)
ABUG #4 Introduction + Atlassian State of the union
Democratising data by igniting a crowd powered movement.
The Design of Time
Data visualization for the web
Hacking public-facing data visualizations at Twitter
The Geography of Tweets - BBC Developer Conference
The briefing room how data visualization enhances the news
Lincoln2014 ddj (ppt)

More from philogb (19)

PDF
OpenVisConf - WebGL for graphics and data visualization
PDF
From Data Journalism to Data Illustration - Visualizing Data with JavaScript ...
PDF
#interactives at Twitter
PDF
#interactives at Twitter
PDF
La visualisation de données comme outil pour découvrir et partager des idées ...
PDF
Exploring Web standards for data visualization
PDF
JavaScript para Graficos y Visualizacion de Datos - BogotaJS
PDF
JavaScript para Graficos y Visualizacion de Datos
PDF
InfoVis para la Web: Teoria, Herramientas y Ejemplos.
PDF
Una web todos los dispositivos.
PDF
Nuevas herramientas de visualizacion en JavaScript
PDF
Leaving Flatland: Getting Started with WebGL- SXSW 2012
PDF
Principles of Analytical Design - Visually Meetup - Sept. 2011
PDF
New Tools for Visualization in JavaScript - Sept. 2011
PDF
PhiloGL - WebGLCamp Google HQs - June 2011
PDF
Creating Interactive Data Visualizations for the Web - YOW! Developer Confere...
PDF
JavaScript InfoVis Toolkit - Create interactive data visualizations for the web
PDF
JavaScript InfoVis Toolkit Overview
PDF
Using Web Standards to create Interactive Data Visualizations for the Web
OpenVisConf - WebGL for graphics and data visualization
From Data Journalism to Data Illustration - Visualizing Data with JavaScript ...
#interactives at Twitter
#interactives at Twitter
La visualisation de données comme outil pour découvrir et partager des idées ...
Exploring Web standards for data visualization
JavaScript para Graficos y Visualizacion de Datos - BogotaJS
JavaScript para Graficos y Visualizacion de Datos
InfoVis para la Web: Teoria, Herramientas y Ejemplos.
Una web todos los dispositivos.
Nuevas herramientas de visualizacion en JavaScript
Leaving Flatland: Getting Started with WebGL- SXSW 2012
Principles of Analytical Design - Visually Meetup - Sept. 2011
New Tools for Visualization in JavaScript - Sept. 2011
PhiloGL - WebGLCamp Google HQs - June 2011
Creating Interactive Data Visualizations for the Web - YOW! Developer Confere...
JavaScript InfoVis Toolkit - Create interactive data visualizations for the web
JavaScript InfoVis Toolkit Overview
Using Web Standards to create Interactive Data Visualizations for the Web
Ad

Recently uploaded (20)

PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
A comparative analysis of optical character recognition models for extracting...
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PPTX
MYSQL Presentation for SQL database connectivity
PDF
Unlocking AI with Model Context Protocol (MCP)
PPTX
A Presentation on Artificial Intelligence
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PDF
Empathic Computing: Creating Shared Understanding
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
Network Security Unit 5.pdf for BCA BBA.
DOCX
The AUB Centre for AI in Media Proposal.docx
Per capita expenditure prediction using model stacking based on satellite ima...
Encapsulation_ Review paper, used for researhc scholars
Diabetes mellitus diagnosis method based random forest with bat algorithm
Dropbox Q2 2025 Financial Results & Investor Presentation
Review of recent advances in non-invasive hemoglobin estimation
A comparative analysis of optical character recognition models for extracting...
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Spectral efficient network and resource selection model in 5G networks
MIND Revenue Release Quarter 2 2025 Press Release
MYSQL Presentation for SQL database connectivity
Unlocking AI with Model Context Protocol (MCP)
A Presentation on Artificial Intelligence
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
“AI and Expert System Decision Support & Business Intelligence Systems”
The Rise and Fall of 3GPP – Time for a Sabbatical?
Empathic Computing: Creating Shared Understanding
20250228 LYD VKU AI Blended-Learning.pptx
Network Security Unit 5.pdf for BCA BBA.
The AUB Centre for AI in Media Proposal.docx
Ad

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