Conférence présentée lors du colloque Vision Géomatique 2012 le 15 octobre 2012 à Saguenay. La carte statique est le support le plus courant pour représenter nos données à référence spatiale. La sémiologie nous aide à créer des cartes faisant parler les données de manière graphique en fonction de standards établis. À partir d'un simple tableau contenant des attributs et coordonnées géographiques, il est aujourd'hui possible de générer des formes de visualisation dans de multiples dimensions spatiales et temporelles. La présentation propose de réaliser un inventaire des outils bureautiques et des librairies dites "open source" tel que CartoDB, leaflet ou processing, afin de représenter les données sur des supports matériels, web ou mobile de façon statique ou dynamique. Nous verrons également quelques exemples d'utilisation de ces outils dans des contextes différents de nos usages habituels comme le journalisme ou le design.

1. La Data visualisation
ou l’art de représenter les données
16 octobre 2012
Nicolas Delffon @ Vision Géomatique 2012
1

2. P r o f i l c o r p o r a t i f
Depuis 1991 Des solutions géospatiales
efficaces
• Anciennement VIASAT
GeoTechnologies « Concevoir, développer et mettre en
• Chef de file en géomatique
œuvre, grâce à l’expertise de nos
• Entreprise privée 100% canadienne
ressources, des solutions
• Activités R&D: 15%
géospatiales novatrices destinées à
• Certifiée ISO 9001:2008
améliorer les processus d’affaires de
nos clients, tout en adhérant aux
objectifs de qualité et de
profitabilité. »

3. P r o f i l c o r p o r a t i f
Nos employés
Plus de 130 employés spécialisés
Équipe multidisciplinaire
Géomaticiens Ingénieurs
Informaticiens Releveurs
Géographes Géologues
Cartographes Photogrammètres
Techniciens
Arpenteurs - Géomètres

4. P r o f i l c o r p o r a t i f
Les domaines de nos clients
• Administration publique
• Aéronautique / Spatial
• Agriculture
• Environnement
• Foresterie
• Génie-conseil
• Mines, pétrole et gaz
• Services publics
• Télécommunications

6. Téléphone intelligent

7. Crowd sourcing
Téléphone intelligent

8. Crowd sourcing
Téléphone intelligent
Réseaux sociaux

9. Crowd sourcing Capteurs mobiles
Téléphone intelligent
Réseaux sociaux

10. Crowd sourcing Capteurs mobiles
Téléphone intelligent
Réseaux sociaux
Données ouvertes

11. Crowd sourcing Capteurs mobiles
GPS
Téléphone intelligent
Réseaux sociaux
Données ouvertes

12. Crowd sourcing Capteurs mobiles
GPS
Téléphone intelligent
Géolocalisation
Réseaux sociaux
Données ouvertes

13. Crowd sourcing Capteurs mobiles
GPS
Téléphone intelligent Microphones
Géolocalisation
Réseaux sociaux
Données ouvertes

14. Crowd sourcing Capteurs mobiles
GPS
Téléphone intelligent Microphones
Géolocalisation
Réseaux sociaux
Caméras
Données ouvertes

15. Crowd sourcing Capteurs mobiles
GPS
Téléphone intelligent Microphones
Géolocalisation
Données
propriétaires
Réseaux sociaux
Caméras
Données ouvertes

16. data

17. BIG
data

19. Capture

20. Capture
Stockage

21. Capture
Stockage
Analyse

22. Capture
Stockage
Analyse
Visualisation

23. ?

25. 100
75
50
25
0
2007 2008 2009 2010

26. 100 100
75 75
50 50
25 25
0 0
2007 2008 2009 2010 2007 2008 2009 2010

27. 100 100
75 75
50 50
25 25
0 0
2007 2008 2009 2010 2007 2008 2009 2010
20
15
10
5
0
0 5 10 15 20

28. 100 100
75 75
50 50
25 25
0 0
2007 2008 2009 2010 2007 2008 2009 2010
20
15
10
5
0
0 5 10 15 20

31. Grève 2.0
Protests in Depuis le début de la grève étu-
Manifestaciónes
Montreal diante, plus de 500 000 tweets ont
été publiés. Ces tweets permettent
de jeter regard inédit sur les enjeux
Émeutes à Étudiants et de ce conflit. Ensemble, ils offrent
Analyse des tweets de la grève étudiante Victoriaville leaders syndicaux une chance inégalée de plonger au
cœur de l'opinion publique.
#mots-clics les plus fréquents À droite, les destinataires(@nom) et
#RDI Anonymous Mass Injonctions, les sujets (#mots-clics) les plus fré-
#PL78 arrests quents sont illustrés.
outrages
#spvm
#fecq
et juges Au centre, le graphique illus-
#Quebec CUTV tre la structure sémantique de
#feuq l’ensemble des tweets. Chaque
#OWS couleur représente un sujet dif-
#Montreal férent, tandis que chaque point
#Charest Loi 78 représente un tweet. Ceux-ci sont
#classe Allégations de
corruption disposés selon leur proximité sé-
#cdnpoli Protests Prise de
#cas(...)encours Carrés envers le gouv. mantique aux autres tweets.
#plq position rouges Charest Les données sont disponibles sur
#casseroles Grand des artistes et autres
le site: http://olihb.com
#non1625 Prix symboles
#loi78
Commentaires
#polqc
#assnat
à propos de Professeurs
#manifencours Jean Charest contre la
#GGI hausse
0 100 000 200 000 300 000
@destinataires les plus fréquents Déclarations Commentaires
@danielthibault des partis politiques positifs sur les Manif. du 22 mai
@voir Jacques sur les manifs manifestations 12 523 tweets
Arrestations Loi 78
@JoseeLegault Villeneuve massives 11 733 tweets
@M_Desjardins
@riMartineau Avis du
@GilRozon SPVM lors Reconduction
@FECQ des manifs Fumigènes des grèves
@HuffPostQuebec Désobéissance nocturnes dans le
@CUTVMontreal civile métro
@RadioCanadaInfo Trajets des Élections partielles
Offre globale Casseroles
@duchp #manifencours 8 717 tweets
@FEUQ
6 187 tweets
@DanBigras
Line
@CUTVNews Beauchamp
@AmirKhadir Manif. du 20 avril
@LeDevoir 5 224 tweets Manif. 22 juin
@GNadeauDubois Manif. du 22 mars 4 756 tweets
@ASSEsolidarite 4 215 tweets
@lp_lapresse
@SPVM
0 5 000 10 000 15 000
Olivier H. Beauchesne, olivier@olihb.com

44. X Y

47. .

48. .

49. .

68. MERCI DE VOTRE ATTENTION

69. expoviz.fr
flowingdata.com
selection.datavisualization.ch
ted.com/talks
www-958.ibm.com
processing.org
fr.wikipedia.org/wiki/Big_data
emoto2012.org
handsomeatlas.com
hint.fm/wind
aworldoftweets.frogdesign.com
dailymail.co.uk
olihb.com
itoworld.com
visual.ly
unfoldingmaps.org
maps.stamen.com