Réaliser une infographieà partir d’un set de données

Marion BoucharlatSeptembre 2014

Traiter les donnéesOù trouver des données brutes ? Sous quelles formes ?

Trouver un angle de traitement

1

Le travail de recherche et d’exploration des données incombe généralement au journaliste ou datajournaliste.• Les sites où l’on trouve des données brutes sont nombreux : sites des collectivités publiques (data.gouv.fr, smartdata.grandlyon.com...), plateformes spécialisées (ckan.citek.ipn.pt,data-publica.com, opendata-soft.com...)• Les formats sont variablesDonnées brutes : CSV (.csv) / sans extension, JSON (.json), XML (.xml)Données sémantiques : RDF (.rdf)Données géographiques : KML (.kml), SHP (.shp)• Les outils d’exploration des données sont multiples et performants : cf http://fr.wikiversity.org/wiki/Datamining/Logiciels

Le journaliste ou référent datas est celui qui donne le ton général du papier/article/poster. C’est en général lui qui va trouver l’angle de traitement de la donnée brute. Pour ce faire, il va tenir compte du public auquel il s’adresse, de ce qu’il veut faire dire aux données, de ce qu’il veut démontrer par l’infographie.Il y a donc déjà un travail d’interprétation de la donnée brute selon un propos défini.De ce choix éditorial découlera le travail de sélection des données.

Sélectionner les données

L’étape de sélection des données les plus parlantes se fait idéalement avec la contribution du datadesigner qui aura une idée de ce que donneront graphiquement certaines données ou ensemble de données.(comparaisons, pourcentages, évolution ...)Cette étape permet la construction de l’information.

Sur ce tableau récapitulatif des contributions KissKissBankBank on gardera 4 entrées :1 - Les thématiques des projets KKBB présentés2 - Le taux de réussite par thématique en % (qu’on pourra donc lier avec la partie précédente)3 - Le montant moyen des collectes validées4 - Le montant moyen de la contribution de la plus basse à la plus haute

Sur ce tableau on gardera les 2 données :l’une pour tracer l’évolution du montant des collectes chaque mois,l’autre pour donner le montant cumulé des collectes depuis lacréation du site

De la donnée à la maquette2Les di�érents types de représentation sur illustrator

10

20

30

40

50

60

70

80

0

10

20

30

40

50

60

70

80

0 10 20 30 40 50 60 70 80

0 20 40 60 80 100

0

10

20

30

40

50

60

70

80

Courbe

Barres empilées

Histogrammes

Diagrammeen secteurs

Ronds proportionnels

Diagrammeradar

On rajoutera à ces représentations d’autres qui sont listées iciet qu’il est facile de construire avec d’autres outils

datavizcatalogue.com/opendatafrance.net/category/dataviz/

1 - Etablir la comparaison du nombre de projets présentés selon les 17 catégories

2 - Puis la proportion de réussite des collectes sur chaque catégorie

3 - Puis graphiquement on va juxtaposer ces 2 données

61%

61%

1 626

1 626

Film

et v

idéo

Mus

ique

Spec

tacl

e vi

vant

Art

Solid

arité

Aven

ture

et s

port

Livr

e et

édi

tion

Phot

ogra

phie

Mod

e

Web

et t

echn

o

Des

ign

et in

vent

ion

Educ

atio

n

Food

Jour

nalis

me

Évén

emen

t

Ecol

ogie

Jeux

0

5000000

10000000

15000000

20000000

25000000

2010 2011 2012 2013 2014

20 484 317

Evolution montants cumulés

Evolution du montant des collectes chaque mois 0

500000

1000000

1500000

2000000

2010 2011 2012 2013 2014

0

20

40

60

80

100

120

La plus haute117€

La plus basse48€

La moyenne61€

Cet histogramme pourrait être illsutré car peu d’entrée et possibilité d’inclure des pictos

Répartition et variétés des modes de représentation

L’étape suivante consiste à construire le poster en répartissant les infos et données qu’on a sélectionné.Sous la forme d’un rough qui positionne les infos principales et donne quelques pistes quant aux diffé-rents types de visualisation qu’on va pouvoir utiliser.

La mise en forme

Une fois que les graphes sont maquettés et que l’équilibre entre les différentes parties est trouvé, on va s’attarder sur les couleurs, la typo des titres et des sous-titres, les légendes chiffrées et les textes d’ac-compagnement.La mise en page et le code couleur accompagnent la lecture et permettent de hiérarchiser l’info et de rythmer l’infographie finale.

Mise en page, typos, textes, code couleur

3