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

•

5 j'aime•1,339 vues

philogb

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

Technologie

From Data Journalism to Data
Illustration
!
Visualizing Data with JavaScript at
Twitter
Nicolas Garcia Belmonte / @philogb

Platform
!
Global / Real-Time / Conversational

Verticals
!
Government / News / Sports / TV / Music

Tone of the Visualization
!
Narrative / Exploratory / Expositive / Fun

Visual Display
http://github.com/philogb/mingle

WebGL Insights
http://webglinsights.blogspot.com/
!
!

@philogb
https://interactive.twitter.com/

Recommandé

ABUG #4 Introduction + Atlassian State of the unionTom Moors

Principles of Analytical Design - Visually Meetup - Sept. 2011philogb

OpenVisConf - WebGL for graphics and data visualizationphilogb

UX Analytics for Data-driven Product DevelopmentTrieu Nguyen

Lessons From Edward TufteMika Aldaba

VR Tip SheetOnline News Association

Social Media Course 2015Frelancer

Zugara SIME 2009 Stockholm Presentation - Augmented RealityMatthew Szymczyk

Recommandé

ABUG #4 Introduction + Atlassian State of the unionTom Moors

Principles of Analytical Design - Visually Meetup - Sept. 2011philogb

OpenVisConf - WebGL for graphics and data visualizationphilogb

UX Analytics for Data-driven Product DevelopmentTrieu Nguyen

Lessons From Edward TufteMika Aldaba

VR Tip SheetOnline News Association

Social Media Course 2015Frelancer

Zugara SIME 2009 Stockholm Presentation - Augmented RealityMatthew Szymczyk

From Data Journalism to Data Illustration - Visualizing Data with JavaScript ...philogb

The Geography of Tweets - BBC Developer Conferencephilogb

Hacking public-facing data visualizations at Twitterphilogb

#interactives at Twitterphilogb

La visualisation de données comme outil pour découvrir et partager des idées ...philogb

Exploring Web standards for data visualizationphilogb

JavaScript para Graficos y Visualizacion de Datos - BogotaJSphilogb

JavaScript para Graficos y Visualizacion de Datosphilogb

InfoVis para la Web: Teoria, Herramientas y Ejemplos.philogb

Una web todos los dispositivos.philogb

Nuevas herramientas de visualizacion en JavaScript philogb

Data visualization for the webphilogb

Leaving Flatland: Getting Started with WebGL- SXSW 2012philogb

New Tools for Visualization in JavaScript - Sept. 2011philogb

PhiloGL - WebGLCamp Google HQs - June 2011philogb

Creating Interactive Data Visualizations for the Web - YOW! Developer Confere...philogb

JavaScript InfoVis Toolkit - Create interactive data visualizations for the webphilogb

JavaScript InfoVis Toolkit Overviewphilogb

Using Web Standards to create Interactive Data Visualizations for the Webphilogb

CNIC Information System with Pakdata Cf In Pakistandanishmna97

ICT role in 21st century education and its challengesrafiqahmad00786416

Contenu connexe

Plus de philogb

From Data Journalism to Data Illustration - Visualizing Data with JavaScript ...philogb

The Geography of Tweets - BBC Developer Conferencephilogb

Hacking public-facing data visualizations at Twitterphilogb

#interactives at Twitterphilogb

La visualisation de données comme outil pour découvrir et partager des idées ...philogb

Exploring Web standards for data visualizationphilogb

JavaScript para Graficos y Visualizacion de Datos - BogotaJSphilogb

JavaScript para Graficos y Visualizacion de Datosphilogb

InfoVis para la Web: Teoria, Herramientas y Ejemplos.philogb

Una web todos los dispositivos.philogb

Nuevas herramientas de visualizacion en JavaScript philogb

Data visualization for the webphilogb

Leaving Flatland: Getting Started with WebGL- SXSW 2012philogb

New Tools for Visualization in JavaScript - Sept. 2011philogb

PhiloGL - WebGLCamp Google HQs - June 2011philogb

Creating Interactive Data Visualizations for the Web - YOW! Developer Confere...philogb

JavaScript InfoVis Toolkit - Create interactive data visualizations for the webphilogb

JavaScript InfoVis Toolkit Overviewphilogb

Using Web Standards to create Interactive Data Visualizations for the Webphilogb

Plus de philogb (20)

From Data Journalism to Data Illustration - Visualizing Data with JavaScript ...

The Geography of Tweets - BBC Developer Conference

Hacking public-facing data visualizations 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

Data visualization for the web

Leaving Flatland: Getting Started with WebGL- SXSW 2012

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

Dernier

CNIC Information System with Pakdata Cf In Pakistandanishmna97

ICT role in 21st century education and its challengesrafiqahmad00786416

FWD Group - Insurer Innovation Award 2024The Digital Insurer

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10

Why Teams call analytics are critical to your entire businesspanagenda

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Angeliki Cooney

MINDCTI Revenue Release Quarter One 2024MIND CTI

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...apidays

Finding Java's Hidden Performance Traps @ DevoxxUK 2024Victor Rentea

Corporate and higher education May webinar.pptxRustici Software

How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes

[BuildWithAI] Introduction to Gemini.pdfSandro Moreira

presentation ICT roal in 21st century educationjfdjdjcjdnsjd

Apidays New York 2024 - The value of a flexible API Management solution for O...apidays

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Jeffrey Haguewood

MS Copilot expands with MS Graph connectorsNanddeep Nachan

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Orbitshub

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWERMadyBayot

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous

Dernier (20)

CNIC Information System with Pakdata Cf In Pakistan

ICT role in 21st century education and its challenges

FWD Group - Insurer Innovation Award 2024

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

Why Teams call analytics are critical to your entire business

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

MINDCTI Revenue Release Quarter One 2024

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

Finding Java's Hidden Performance Traps @ DevoxxUK 2024

Corporate and higher education May webinar.pptx

How to Troubleshoot Apps for the Modern Connected Worker

[BuildWithAI] Introduction to Gemini.pdf

presentation ICT roal in 21st century education

Apidays New York 2024 - The value of a flexible API Management solution for O...

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

MS Copilot expands with MS Graph connectors

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

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

1. From Data Journalism to Data Illustration ! Visualizing Data with JavaScript at Twitter Nicolas Garcia Belmonte / @philogb

2. https://interactive.twitter.com/

3. Platform ! Global / Real-Time / Conversational

4. Verticals ! Government / News / Sports / TV / Music

5. Tone of the Visualization ! Narrative / Exploratory / Expositive / Fun

6. Government !

7. State of the Union Address SVG + CANVAS

8. Visual Display

9. Visual Display

10. Visual Display

11. Visual Display

12.

13. Web of Influence on Twitter CANVAS

14. Brazil Elections SVG

15. News !

16. Typhoon Haiyan CANVAS !

17. Visual Display

18. Visual Display

19. Visual Display

20. Visual Display

21. Visual Display

22. Visual Display

23. Visual Display http://github.com/philogb/mingle

24. Sports !

25. World Cup CANVAS + SVG

26. World Cup CANVAS + SVG

27. When to use WebGL ?

28. COOL FACTOR

29. #CannesLions

30. Interactive Experiences

31. WebGL Insights http://webglinsights.blogspot.com/ ! !

32.

33.

34. Key Takeaways !

35.

36. @philogb https://interactive.twitter.com/