Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

3,165 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
  • Be the first to comment

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/

×