Présentation faite à SudWeb http://sudweb.fr/2013. Liens pour les visualisations: * Home page: http://philogb.github.io/ * Librairies: http://senchalabs.org/philogl et http://thejit.org/ * Wind map: http://philogb.github.io/wind-motion-patterns/ * Elections 2012: http://philogb.github.io/political-engagement-map/ * Coupe d'europe 2012: http://philogb.github.io/eurocup-2012/ * Neil armstrong: http://philogb.github.io/neil-armstrong/

1. LaVisualisation de
données comme outil
pour découvrir et
partager des idées sur
le Web
Nicolas Garcia Belmonte
@philogb

2. Nicolas Garcia Belmonte
DataVisualization Scientist
chez Twitter

3. Auteur de deux librairies pour faire des visualisations
de données en JavaScript (2d Canvas,WebGL)
PhiloGL JavaScript InfoVis Toolkit

5. A quoi sert la
visualisation de
données?

6. The Cool Factor

8. Hairball visualizations

9. La visualisation en tant
qu’outil.

11. Données
• 1200 stations météo
• 72 heures de données
• 5 variables - latitude, longitude, vitesse
et sens du vent, température
= 460.000 items

13. 1.InfoVis fournit la capacité de comprendre des
quantités énormes de données.
2.InfoVis permet la perception de propriétés
émergentes dans les données qui n'étaient pas
anticipées.
3.InfoVis permet souvent de trouver des
problèmes avec les données de façon immédiate.
4.La visualisation nous aide à comprendre les
données à la fois à grande-échelle et à petite
échelle.
5.La visualisation facilite la formation d'hypothèses.
ColinWare - InformationVisualization: Perception for Design

15. Exploratoire
Expositoire

16. Political Engagement Map

17. ComposantVisuel
# d’élements
Complexité de la forme
Interactif
Standard Choisi
Tweet Bar Chart Choropleth Map
Petit (~40) Petit (~50)
Simple: (Rectangle)
Complexe: (Concave, Convexe,
Connectée, Coupée)
Oui Oui
HTML SVG

18. #Euro2012
A summary for the action on Twitter during the European football tournament.

19. #Euro2012
A summary for the action on Twitter during the European football tournament.

20. Neil Armstrong Tweets

21. •InfoVis ce n’est pas que du bling.
•Edward Tufte, Colin Ware, Stephen Few...
•Un project d’infovis peut explorer des données
mais aussi exposer des idées.
•Il n’y a pas un seul standard web pour créer des
visualisations.
Conclusion

22. Merci!
@philogb
http://philogb.github.io/