Post on 01-Dec-2014
description
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