+ - 0:00:00
Notes for current slide
Notes for next slide

Panorama des formats et des outils de data visualisation

Magalie Dartus, Datactivist

Dataweek, 2019-06-24

1 / 30


Cette présentation en ligne : https://datactivist.coop/dataweek/dataviz

Sources : https://github.com/datactivist/dataweek/dataviz


Les productions de Datactivist sont librement réutilisables selon les termes de la licence Creative Commons 4.0 BY-SA.


2 / 30

Objectifs de l'atelier



  • Présenter les différentes fonctions de la data visualisation
  • Apprendre à choisir un format de data visualisation selon la situation
  • Connaître les principaux outils de visualisation
  • Tester quelques outils

Quelques liens utiles : https://annuel.framapad.org/p/dataviz

3 / 30

Les essentiels de la data visualisation

4 / 30

La data visualisation : pour quoi faire?


"La visualisation des données est un ensemble de méthodes de représentation graphique, en deux ou trois dimensions.

https://fr.wikipedia.org/wiki/Visualisation_de_donn%C3%A9es


"C'est une pratique consistant à mettre en image des données brutes, les rendant ainsi plus accessibles et compréhensibles. Elle donne du sens à ces données."

Toucan Toco

5 / 30

Un exemple de dataviz

Voici les données

Selon l'Organisation internationale des migrations, 3108 migrant·e·s ont trouvé la mort ou disparu durant le premier semestre 2017.

  • 2259 en Méditerranée
  • 225 en Afrique du Nord ;
  • 148 à la frontière américano-mexicaine ;
  • 136 en Afrique subsaharienne ;
  • 103 dans la Corne de l'Afrique ;
  • 91 dans les Caraïbes ;
  • 45 en Asie du Sud-Est ;
  • 34 en Amérique centrale ;
  • 33 en Europe ;
  • 31 au Moyen-Orient ;
  • un·e en Amérique du Nord ;
  • un·e en Asie du Sud ;
  • un·e en Asie de l'Est.
6 / 30

Un exemple de dataviz

Voici une dataviz réalisée à partir des données précédentes

Source : The Guardian, 11/09/2017

7 / 30

Quel message veut-on faire passer?

  • Une dataviz porte avant tout une intention, la volonté de transmettre une information.
8 / 30

Quel message veut-on faire passer?

  • Une dataviz porte avant tout une intention, la volonté de transmettre une information.

  • De cette intention découlera le type de dataviz à utiliser.

8 / 30

Quel message veut-on faire passer?

  • Une dataviz porte avant tout une intention, la volonté de transmettre une information.

  • De cette intention découlera le type de dataviz à utiliser.

8 / 30

Panorama des fonctions et des formats de data visualisation

9 / 30

Panorama de fonctions de visualisation

Connaissez-vous le "Data Viz Project" ? https://datavizproject.com/

  • Comparaison
  • Visualisation de concept
  • Corrélation
  • Distribution
  • Données géographiques
  • Une partie d'un ensemble
  • Changement de valeur dans le temps

10 / 30

Panorama de fonctions de visualisation

Connaissez-vous le projet "From Data to Viz" ? https://www.data-to-viz.com

11 / 30

Panorama des outils de data visualisation

12 / 30

Des outils en fonction des usages

13 / 30

RAWGraphs

https://rawgraphs.io/

14 / 30

Flourish

https://app.flourish.studio/templates

15 / 30

Datawrapper

https://www.datawrapper.de/

16 / 30

HighCharts

https://www.highcharts.com/demo

17 / 30

Tableau public

https://public.tableau.com/fr-fr/s/

18 / 30

Khartis

http://www.sciencespo.fr/cartographie/khartis/

19 / 30

macarte.ign

https://macarte.ign.fr

20 / 30

Ateliers pour réaliser facilement des data visualisation

21 / 30

Le diagramme à barre

  • Pour : des données avec différentes catégories ou dénominations
  • Avantages : simple à créer et à comprendre
  • Règles :
    1. Ne pas surcharger
    2. Nommer systématiquement les axes
    3. Commencer vos axes à 0 (quand il s'agit de données quantifiables)



22 / 30

Atelier sur les résultats des élections présidentielles de 2017

23 / 30

Atelier sur les résultats des élections présidentielles de 2017

  • Allez sur www.datawrapper.de et cliquez sur "create a chart"

  • Coller les données copiez précédemment (tableau des résultats du 1er tour des élections)

  • Cliquez sur "Proceed"

  • Cliquez sur "add a column"

  • Nommer la nouvelle colonne et remplissez les cellules de la nouvelle colonne

  • Cliquez sur "Proceed"

24 / 30

Atelier sur les résultats des élections présidentielles de 2017

  • Choisissez le type de visualisation "Bar Chart". Vous pouvez tester d'autres visualisation si vous voulez.

  • Cliquez sur "Proceed"



  • Bravo! Vous avez réalisé votre première data visualisation!à


25 / 30

Les cartes

  • Pour : des données assignées à des aires géographiques
  • Avantages : simple à comprendre, joli.
  • Règles :
    1. Simple à réaliser avec des données par pays
    2. Ne visualiser qu’un indicateur par carte. Sinon utiliser des types de représentation différents


26 / 30

Atelier sur les mesures annuelles des polluants principaux en région Sud

  • Allez sur https://datasud.fr

  • Rechercher le jeu de données "Mesures annuelles des polluants principaux en région Sud"

  • Cliquer sur "télécharger" pour le fichier geojson "mesures annuelles de monoxyde de carbone (CO)"

  • Cliquez sur "Enregistrer" (en haut à guche de la fenêtre)

  • Modifier l'entension de fichier ".application" en ".geojson"

27 / 30

Atelier sur les mesures annuelles des polluants principaux en région Sud

  • Allez sur https://macarte.ign.fr

  • Cliquez sur "Créer ma carte"

  • Sur la barrre de droite cliquez sur "accéder à l'outil statistique" (icône diagramme à barre)

  • Cliquez sur "Charger un fichier" et aller chercher le fichier .geojson enregistré depuis la plateforme Datasud.

28 / 30

Atelier sur les mesures annuelles des polluants principaux en région Sud

  • Choisissez le type de carte "symbole"

  • Choisissez l'attribut "10-valeur"

  • Vous pouvez modifier les "paramètres"

  • Cliquez sur l'icône "enregistrer" pour exporter la carte au format .png ou .jpg


  • Bravo! Vous venez de réaliser votre première carte!

29 / 30

Merci !

Contact : magalie@datactivist.coop

30 / 30


Cette présentation en ligne : https://datactivist.coop/dataweek/dataviz

Sources : https://github.com/datactivist/dataweek/dataviz


Les productions de Datactivist sont librement réutilisables selon les termes de la licence Creative Commons 4.0 BY-SA.


2 / 30
Paused

Help

Keyboard shortcuts

, , Pg Up, k Go to previous slide
, , Pg Dn, Space, j Go to next slide
Home Go to first slide
End Go to last slide
Number + Return Go to specific slide
b / m / f Toggle blackout / mirrored / fullscreen mode
c Clone slideshow
p Toggle presenter mode
t Restart the presentation timer
?, h Toggle this help
Esc Back to slideshow