fiches_pedagogiques:ladatasurinternet:introduction-a-la-data-visualisation

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Prochaine révision 		Révision précédente
fiches_pedagogiques:ladatasurinternet:introduction-a-la-data-visualisation [2020/06/17 13:23]
127.0.0.1 modification externe 		fiches_pedagogiques:ladatasurinternet:introduction-a-la-data-visualisation [2020/12/23 15:56] (Version actuelle)
barbayellow [Introduction a la data visualisation]
Ligne 1: Ligne 1:
 ====== Introduction a la data visualisation ====== ====== Introduction a la data visualisation ======
 +
 +Au cours de cet atelier, vous apprendrez à transformer des données brutes en informations lisibles et intelligibles à l’aide d’un outil simple de data visualisation. 
 +
 L’atelier se déroule en deux étapes : L’atelier se déroule en deux étapes :
  
Ligne 5: Ligne 8:
   - Les participant-e-s créent leurs graphiques avec d’autres données   - Les participant-e-s créent leurs graphiques avec d’autres données
  
-===== Étape 1  : démonstration =====+ 
 +^Public|Ados, adultes et Seniors| 
 +^Participants|5 à 15 participant.e.s| 
 +^Nombre d’animateurs|1| 
 +^Préparation|45 minutes| 
 +^Durée de l’animation|1 heure 30| 
 +===== Étape 1  : démonstration =====
  
 Pour faire de la data visualisation, il nous faut des données. Nous allons les récupérer sur le site [[https://www.data.gouv.fr/fr/|data.gouv.fr]], véritable mine de données brutes mise à disposition par l’État dans le cadre de la mission [[https://fr.wikipedia.org/wiki/Etalab|Etalab]]. Pour faire de la data visualisation, il nous faut des données. Nous allons les récupérer sur le site [[https://www.data.gouv.fr/fr/|data.gouv.fr]], véritable mine de données brutes mise à disposition par l’État dans le cadre de la mission [[https://fr.wikipedia.org/wiki/Etalab|Etalab]].
Ligne 15: Ligne 24:
 Après l’import des données (pour en savoir plus si vous ne maîtrisez pas cette étape, [[https://help.libreoffice.org/Common/Importing_and_Exporting_Data_in_Text_Format/fr|jetez un œil à la documentation officielle]]), vous vous retrouvez avec un fichier ressemblant à ceci : Après l’import des données (pour en savoir plus si vous ne maîtrisez pas cette étape, [[https://help.libreoffice.org/Common/Importing_and_Exporting_Data_in_Text_Format/fr|jetez un œil à la documentation officielle]]), vous vous retrouvez avec un fichier ressemblant à ceci :
  
-{{:%7B%7Bpage.images%7D%7Dsites/3/2019/09/data.png}}+{{:fiches_pedagogiques:ladatasurinternet:79d7ff497bc9981acc489332a11c3595.png}}
  
-Copiez uniquement les données des lignes comprenant Chérie FM et allez sur sur le site web [[https://www.datawrapper.de/|datawarapper.de]]. Ce site vous permet de créer très simplement des visualisations de données brutes. Sur la page d’accueil, cliquez sur le bouton //Create a chart// et collez les données sélectionnées dans LibreOffice et dans le champs de formulaire//.//+Copiez uniquement les données des lignes comprenant Chérie FM et allez sur sur le site web [[https://www.datawrapper.de/|datawarapper.de]]. Ce site vous permet de créer très simplement des visualisations de données brutes. Sur la page d’accueil, cliquez sur le bouton //Create a chart// et collez les données sélectionnées dans [[:fiches_pedagogiques:ladatasurinternet:libreoffice|LibreOffice]] et dans le champs de formulaire//.//
  
-{{:%7B%7Bpage.images%7D%7Dsites/3/2019/09/data2.png}}+{{:fiches_pedagogiques:ladatasurinternet:f232607b2cfa5810de98e69e4a77d792.png}}
  
 Cliquez sur //Proceed//. Cliquez sur //Proceed//.
Ligne 25: Ligne 34:
 Lors de cette deuxième étape, nous allons sélectionner les données que nous souhaitons conserver. Cliquez sur la colonne //is_public_channel// et à gauche, cochez la case //Hide column from visualization//. Assurez-vous que les données sont au bon format (que les dates sont bien des dates et les chiffres sont bien des chiffres). Normalement //datawrapper// le fait automatiquement pour vous. Lors de cette deuxième étape, nous allons sélectionner les données que nous souhaitons conserver. Cliquez sur la colonne //is_public_channel// et à gauche, cochez la case //Hide column from visualization//. Assurez-vous que les données sont au bon format (que les dates sont bien des dates et les chiffres sont bien des chiffres). Normalement //datawrapper// le fait automatiquement pour vous.
  
-{{:%7B%7Bpage.images%7D%7Dsites/3/2019/09/data3.png}}+{{:fiches_pedagogiques:ladatasurinternet:1e83fd0033d502f7d3542610e2bf21a9.png}}
  
 //Cliquez sur proceed.// //Cliquez sur proceed.//
  
-Lors de cette troisième étape, vous sélectionnez le type de visualisation que vous allez utiliser pour afficher votre graphique. Sélectionnez les types de graphiques //Lines//.+Lors de cette troisième étape, vous sélectionnez le type de visualisation que vous allez utiliser pour afficher votre graphique. Sélectionnez les types de graphiques //Lines//.
  
-{{:%7B%7Bpage.images%7D%7Dsites/3/2019/09/data4.png}}+{{:fiches_pedagogiques:ladatasurinternet:5dc805098096d54a07e559e54a0b4974.png}}
  
 Dans l’onglet //Refine// vous allez ensuite définir les données que vous allez afficher en abscisses et en ordonnées. Sélectionnez //year// pour les abscisses (x-axis). Dans l’onglet //Refine// vous allez ensuite définir les données que vous allez afficher en abscisses et en ordonnées. Sélectionnez //year// pour les abscisses (x-axis).
  
-Dans l’onglet //Annotate//, choisissez un titre et une description décrivant les données que vous affichez. Ici nous avons choisi « Chéri FM et la parole des femmes »+Dans l’onglet //Annotate//, choisissez un titre et une description décrivant les données que vous affichez. Ici nous avons choisi « Chéri FM et la parole des femmes »
  
 Votre schéma est prêt pour la publication ! Votre schéma est prêt pour la publication !
  
-{{:%7B%7Bpage.images%7D%7Dsites/3/2019/09/data6.png}}+{{:fiches_pedagogiques:ladatasurinternet:9cb716d8e61644172c4048f612864bb6.png}} 
  
 ===== À vous de jouer ! ===== ===== À vous de jouer ! =====