La visualisation de données comme outil pour découvrir et partager des idées sur le Web

2,793 views

Published on

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/

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,793
On SlideShare
0
From Embeds
0
Number of Embeds
293
Actions
Shares
0
Downloads
11
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

La visualisation de données comme outil pour découvrir et partager des idées sur le Web

  1. 1. LaVisualisation dedonnées comme outilpour découvrir etpartager des idées surle WebNicolas Garcia Belmonte@philogb
  2. 2. Nicolas Garcia BelmonteDataVisualization Scientistchez Twitter
  3. 3. Auteur de deux librairies pour faire des visualisationsde données en JavaScript (2d Canvas,WebGL)PhiloGL JavaScript InfoVis Toolkit
  4. 4. A quoi sert lavisualisation dedonnées?
  5. 5. The Cool Factor
  6. 6. Hairball visualizations
  7. 7. La visualisation en tantqu’outil.
  8. 8. Données• 1200 stations météo• 72 heures de données• 5 variables - latitude, longitude, vitesseet sens du vent, température= 460.000 items
  9. 9. 1.InfoVis fournit la capacité de comprendre desquantités énormes de données.2.InfoVis permet la perception de propriétésémergentes dans les données qui nétaient pasanticipées.3.InfoVis permet souvent de trouver desproblèmes avec les données de façon immédiate.4.La visualisation nous aide à comprendre lesdonnées à la fois à grande-échelle et à petiteéchelle.5.La visualisation facilite la formation dhypothèses.ColinWare - InformationVisualization: Perception for Design
  10. 10. ExploratoireExpositoire
  11. 11. Political Engagement Map
  12. 12. ComposantVisuel# d’élementsComplexité de la formeInteractifStandard ChoisiTweet Bar Chart Choropleth MapPetit (~40) Petit (~50)Simple: (Rectangle)Complexe: (Concave, Convexe,Connectée, Coupée)Oui OuiHTML SVG
  13. 13. #Euro2012A summary for the action on Twitter during the European football tournament.
  14. 14. #Euro2012A summary for the action on Twitter during the European football tournament.
  15. 15. Neil Armstrong Tweets
  16. 16. •InfoVis ce n’est pas que du bling.•Edward Tufte, Colin Ware, Stephen Few...•Un project d’infovis peut explorer des donnéesmais aussi exposer des idées.•Il n’y a pas un seul standard web pour créer desvisualisations.Conclusion
  17. 17. Merci!@philogbhttp://philogb.github.io/

×