Atelier: Pratique de la visualisation de données

Un atelier donné à une équipe de Radio-Canada pour la mise en pratique d'une approche de data-journalisme

Transcript

1. ffunction
   inc.
   © FFUNCTION INC, 2011
   ATELIER
   Pratique de la visualisation
   de données
   Sébastien Pierre, FFunction inc.
   @Radio-Canada, 17 octobre 2011
   www.ffctn.com
   

   View Slide

2. ffunction
   inc.
   © FFUNCTION INC, 2011
   L'équipe
   

   View Slide

3. ffunction
   inc.
   © FFUNCTION INC, 2011
   Rôles
   ●
   Analyste
   – Analyser et dimensionner les données
   ●
   Journaliste
   – Trouver un angle, une histoire
   ●
   Designer
   – Choix de représentation, esthétique et interaction
   ●
   Développeur
   – Traitement des données, visualisation, fonctionnalités
   

   View Slide

4. ffunction
   inc.
   © FFUNCTION INC, 2011
   Disciplines
   ●
   Maths / Stats
   – Comprendre et traiter les données
   ●
   Storytelling / Journalisme
   – Raconter une histoire, captiver l'attention
   ●
   Signalétique / Sémiotique / Typographie
   – Langage visuel autour de l'information
   ●
   Programmation
   – Traitement et représentation automatisée
   

   View Slide

5. ffunction
   inc.
   © FFUNCTION INC, 2011
   Le processus
   

   View Slide

6. ffunction
   inc.
   © FFUNCTION INC, 2011
   DONNÉES
   CONCEPT
   IMPLANTATION
   COMMUNICATION
   

   View Slide

7. ffunction
   inc.
   © FFUNCTION INC, 2011
   Étape 1 : Les données
   ●
   IDENTIFIER LES SOURCES
   – Données brutes ou agrégées
   – Fraîcheur des données
   – Licence d'utilisation
   – Interprétation/analyse disponible
   – Possibilité de croisement
   

   View Slide

8. ffunction
   inc.
   © FFUNCTION INC, 2011
   Étape 1 : Les données
   ●
   ANALYSE PRÉLIMINAIRE
   – Champs disponibles
   – Dimensions principales : temps, espace, etc.
   – Dimensions numériques : min, max, moy, med, σ
   – Evolution des variables: dérivée première, seconde
   

   View Slide

9. ffunction
   inc.
   © FFUNCTION INC, 2011
   DONNÉES
   CHAMPS
   INTÉRESSANTS
   PHÉNOMÈNES
   OU VARIATIONS
   REMARQUABLES
   « OUTLIERS »
   IDÉES / ANGLE
   

   View Slide

10. ffunction
    inc.
    © FFUNCTION INC, 2011
    Étape 2 : Le concept
    ●
    RECHERCHE DE REPRÉSENTATION
    – Représenter différentes combinaisons d'indicateurs
    – Mettre l'accent sur l'une ou l'autre dimension
    (temps, espace, population, argent, etc)
    – Essayer des modes de représentation simples pour
    valider « si ça marche »
    

    View Slide

11. ffunction
    inc.
    © FFUNCTION INC, 2011
    Étape 2 : Le concept
    ●
    PENSER À L'INTERACTION
    – Étapes principales pour « plonger dans
    l'information »
    – S'agit-t-il de montrer ou d'explorer
    – Quelle durée d'utilisation/longévité pour la
    visualisation?
    

    View Slide

12. ffunction
    inc.
    © FFUNCTION INC, 2011
    From : http://www.informationisbeautifulawards.com/take-a-challenge/the-napkin-challenge/
    

    View Slide

13. ffunction
    inc.
    © FFUNCTION INC, 2011
    From : http://www.informationisbeautifulawards.com/take-a-challenge/the-napkin-challenge/
    

    View Slide

14. ffunction
    inc.
    © FFUNCTION INC, 2011
    From : http://www.informationisbeautifulawards.com/take-a-challenge/the-napkin-challenge/
    

    View Slide

15. ffunction
    inc.
    © FFUNCTION INC, 2011
    From :http://datavisualization.ch/opinions/how-we-visualized-23-years-of-geo-bee-contests/
    

    View Slide

16. ffunction
    inc.
    © FFUNCTION INC, 2011
    Étape 3 : L'implantation
    ●
    TRAITER LES DONNÉES
    – Extraire : seulement celles qui sont nécessaires
    – Normaliser : assurer le bon type et le bon format
    – Agréger : ajuster la résolution
    – Composer: créer des nouveaux indicateurs à partir
    de ceux existants déjà
    

    View Slide

17. ffunction
    inc.
    © FFUNCTION INC, 2011
    Étape 3 : L'implantation
    ●
    CHOIX-CLÉ
    – Statique (image) ou interactif (web)
    – Donnée statiques ou dynamiques (filtre, recherche)
    – Technologie : Flash, Web, mobile
    – Diffusion et aspects sociaux
    

    View Slide

18. ffunction
    inc.
    © FFUNCTION INC, 2011
    SCRIPT TRAITEMENT
    DE DONNÉES
    DONNÉES TRAITÉES
    VISUALISATION
    IMAGE / PAGE WEB
    

    View Slide

19. ffunction
    inc.
    © FFUNCTION INC, 2011
    Les outils
    

    View Slide

20. ffunction
    inc.
    © FFUNCTION INC, 2011
    Les données
    ●
    TABLEURS
    – Outil de base et de collaboration que tout le monde
    doit maîtriser
    – Aide à dimensionner et analyser rapidement les
    données
    – Permet de vérifier rapidement (et visuellement) des
    hypothèses sur les données
    

    View Slide

21. ffunction
    inc.
    © FFUNCTION INC, 2011
    Les données
    ●
    R / MATHEMATICA / SAS
    – Maîtrise plus complexe, réservée aux analystes et
    aventureux
    – Utiles pour de l'analyse poussée de données et
    trouver des corrélations entre des indicateurs
    – Peuvent s'avérer très puissants pour de la
    visualisation rapide (mais apprentissage long et
    difficile)
    

    View Slide

22. ffunction
    inc.
    © FFUNCTION INC, 2011
    Les données
    ●
    Python / Ruby / Lisp / JavaScript
    – Un langage dynamique, interprété devrait être
    connu/maîtrisé par tous
    – Donne une grande flexibilité pour le traitement et
    l'analyse des données (mieux qu'un tableur)
    – Ouvre la voix au prototypage de visualisation plus
    complexe
    

    View Slide

23. ffunction
    inc.
    © FFUNCTION INC, 2011
    Le concept
    ●
    Tableur / Tableau / ManyEyes
    – Permet d'essayer rapidement plusieurs
    représentations des données
    – Permet de valider ou d'invalider des hypothèses, de
    vérifier « que ça marche »
    – DANGER : s'enfermer dans les représentations pré-
    définies. A considérer comme un outil parmi
    d'autre, pas comme la solution.
    

    View Slide

24. ffunction
    inc.
    © FFUNCTION INC, 2011
    Le concept
    ●
    GGplot / GraphViz / Gephi
    – Outils plus ciblés : représentations non-triviales,
    représentation et exploration de graphes
    – Nécessite une bonne connaissance des données et
    une bonne compétence en outils « techniques »
    – Permettent d'avoir rapidement une idée de la
    structure d'ensemble des données, et de découvrir
    des tendances
    

    View Slide

25. ffunction
    inc.
    © FFUNCTION INC, 2011
    Le concept
    ●
    Processing / Protovis / D3 / SVG
    – Outils très flexibles, qui offrent le plus grand
    spectre d'exploration
    – Nécessitent des compétences de base en
    programmation, mais beaucoup de designers et
    d'artistes ont prouvé qu'ils sont capables de le
    prendre en main
    – À terme, tout membre de l'équipe devrait être
    familier d'une de ces technologies
    

    View Slide

26. ffunction
    inc.
    © FFUNCTION INC, 2011
    Les enjeux
    

    View Slide

27. ffunction
    inc.
    © FFUNCTION INC, 2011
    Les enjeux
    ●
    L'EQUIPE
    – Développer de nouvelles compétences : la
    visualisation est multi-disciplinaires et chacun doit
    être familier des concepts et capable de faire une
    partie du travail
    – Maîtriser les outils : apprendre les outils, mais ne
    pas s'enfermer dans ceux-ci.
    

    View Slide

28. ffunction
    inc.
    © FFUNCTION INC, 2011
    Les enjeux
    ●
    LE PROCESSUS
    – Être capable d'itérer rapidement (moins d'une
    semaine)
    – Réutiliser ce qui a déjà été fait par le passé, tout en
    l'améliorant / le transformant
    – Développer une capacité à faire un transfert de
    connaissance rapide, de manière à intégrer
    rapidement de nouvelles personnes
    

    View Slide

29. ffunction
    inc.
    © FFUNCTION INC, 2011
    Les enjeux
    ●
    LE OUTILS / TECHNOLOGIES
    – Au service de la créativité : ne doit pas influer sur le
    choix de représentation
    – Au service de l'organisation : doit permettre à une
    personne détenant les compétences de base
    requises de s'intégrer facilement dans le travail
    – Au service du processus : les outils doivent
    accélérer le processus et le rendre transparent
    

    View Slide

30. ffunction
    inc.
    © FFUNCTION INC, 2011
    Thèmes à discuter
    ●
    Rôles dans l'équipe
    ●
    Processus actuel, processus idéal
    ●
    Compétences / aspirations de chacun
    ●
    Maîtrise technologique actuelle
    ●
    Vision stratégique (technologie + processus)
    ●
    ...
    

    View Slide

31. ffunction
    inc.
    © FFUNCTION INC, 2011
    Vous avez aimé?
    Poursuivons la conversation!
    sebastien@ffctn.com
    @ffunction
    www.ffctn.com
    

    View Slide