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

•

5 gefällt mir•4,785 views

Presented at JSConf Argentina on Nov. 29th 2014. More information at https://interactive.twitter.com and http://philogb.github.io

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/

Empfohlen

ABUG #4 Introduction + Atlassian State of the unionTom Moors

Democratising data by igniting a crowd powered movement.Steve Jennings

The Design of TimeAndy Kirk

Data visualization for the webphilogb

Hacking public-facing data visualizations at Twitterphilogb

The Geography of Tweets - BBC Developer Conferencephilogb

The briefing room how data visualization enhances the newsBen Jones

Lincoln2014 ddj (ppt)Tony Hirst

Empfohlen

ABUG #4 Introduction + Atlassian State of the unionTom Moors

Democratising data by igniting a crowd powered movement.Steve Jennings

The Design of TimeAndy Kirk

Data visualization for the webphilogb

Hacking public-facing data visualizations at Twitterphilogb

The Geography of Tweets - BBC Developer Conferencephilogb

The briefing room how data visualization enhances the newsBen Jones

Lincoln2014 ddj (ppt)Tony Hirst

OpenVisConf - WebGL for graphics and data visualizationphilogb

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

#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

Leaving Flatland: Getting Started with WebGL- SXSW 2012philogb

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

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

Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3

Design pattern talk by Kaya Weers - 2024 (v2)Kaya Weers

Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructureitnewsafrica

Weitere ähnliche Inhalte

Mehr von philogb

OpenVisConf - WebGL for graphics and data visualizationphilogb

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

#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

Leaving Flatland: Getting Started with WebGL- SXSW 2012philogb

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

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

Mehr von philogb (19)

OpenVisConf - WebGL for graphics and data visualization

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

#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

Kürzlich hochgeladen

Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3

Design pattern talk by Kaya Weers - 2024 (v2)Kaya Weers

Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructureitnewsafrica

Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3

The State of Passkeys with FIDO Alliance.pptxLoriGlavin3

TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey

Decarbonising Buildings: Making a net-zero built environment a realityIES VE

Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...Nikki Chapple

Data governance with Unity Catalog PresentationKnoldus Inc.

QCon London: Mastering long-running processes in modern architecturesBernd Ruecker

React Native vs Ionic - The Best Mobile App FrameworkPixlogix Infotech

Generative Artificial Intelligence: How generative AI works.pdfIngrid Airi González

Connecting the Dots for Information Discovery.pdfNeo4j

How to write a Business Continuity PlanDatabarracks

Zeshan Sattar- Assessing the skill requirements and industry expectations for...itnewsafrica

A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3

Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentPim van der Noll

Testing tools and AI - ideas what to try with some tool examplesKari Kakkonen

Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Alkin Tezuysal

MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesManik S Magar

Kürzlich hochgeladen (20)

Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx

Design pattern talk by Kaya Weers - 2024 (v2)

Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructure

Digital Identity is Under Attack: FIDO Paris Seminar.pptx

The State of Passkeys with FIDO Alliance.pptx

TeamStation AI System Report LATAM IT Salaries 2024

Decarbonising Buildings: Making a net-zero built environment a reality

Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...

Data governance with Unity Catalog Presentation

QCon London: Mastering long-running processes in modern architectures

React Native vs Ionic - The Best Mobile App Framework

Generative Artificial Intelligence: How generative AI works.pdf

Connecting the Dots for Information Discovery.pdf

How to write a Business Continuity Plan

Zeshan Sattar- Assessing the skill requirements and industry expectations for...

A Deep Dive on Passkeys: FIDO Paris Seminar.pptx

Emixa Mendix Meetup 11 April 2024 about Mendix Native development

Testing tools and AI - ideas what to try with some tool examples

Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...

MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes

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/