🖌 Crayon + papier = infographies et bien plus encore...

La newsletter qui fait
parler les données

🖌 Quel plaisir de sortir les crayons !

Chaque jour, nous passons des heures devant nos Ă©crans avec tous ses incroyables outils en ligne qui nous permettent de calculer, scraper, nettoyer des bases de donnĂ©es, prĂ©visualiser, cartographier, designer des sites
 Mais l’un de nos grands plaisirs reste clairement lorsque l’on sort une feuille de papier et un crayon et que l’on esquisse une forme, puis une autre. Car Ă  partir de ce brouillon, la discussion s’engage entre data et design : la crĂ©ation commence. Ce passage par le crayonnĂ©, c’est ce que nous raconte, dans ce numĂ©ro, LĂ©a Desrayaud, la cheffe de l’infographie d’Epsiloon, magazine scientifique d'actualitĂ©, avec de nombreux exemples en bonus !


Au menu de cette Ă©dition d’octobre :
✏ Les coulisses des infographies d’Epsiloon : LĂ©a Desrayaud vous dĂ©voile son chemin depuis les crayonnĂ©s jusqu’aux pages du magazine.
📍 Y’a dĂ©bat : la dataviz a-t-elle fini d’innover ? WeDoData rĂ©pond Ă  Shirley Wu et attend vos rĂ©actions.
🗞 Francesco Franchi oĂč l’art de la double infographique : un maĂźtre italien Ă  (re)dĂ©couvrir.
💎 Des inspirations, des outils, des bases de donnĂ©es


L’équipe de WeDoData
[email protected]

DANS NOTRE RADAR

🌎 Ces data(viz) font l’actu

● Retour Ă  l’envoyeur. Depuis janvier 2025, l’agence amĂ©ricaine de l’Immigration et des Douanes (ICE) fait feu de tout bois. Alors qu’elle ne publie pas de donnĂ©es quotidiennes sur son activitĂ©, The Guardian a obtenu des chiffres grĂące au Deportation Data Project : la majoritĂ© des personnes arrĂȘtĂ©es n’ont aucun casier judiciaire et plus de 8100 personnes ont Ă©tĂ© expulsĂ©es vers des pays
 qui ne sont pas leur pays d’origine.
À contrîler ici

● I will survive. La prĂ©sence d’un survivant - parmi 241 passagers et membres d’équipage - lors du crash d’un Dreamliner d’Air India en juin dernier, a relancĂ© la question lancinante de tout·e voyageur·se aĂ©rien·ne : existe-t-il une place plus sĂ»re que les autres dans un avion ? Reuters a sorti la base de 1 400 vols commerciaux rĂ©guliers sur les 55 derniĂšres annĂ©es avec au moins un dĂ©cĂšs. Conclusion (attention spoiler) : les corrĂ©lations entre siĂšge et survie sont statistiquement fragiles, car chaque crash a sa propre dynamique (angle, vitesse d’impact, feu, fumĂ©e
)..
À survoler ici

● Le choc des titans. Les trois derniĂšres finales de Grand Chelem ont vu Carlos Alcaraz et Jannik Sinner s’affronter, donnant l’impression d’un “Big 2” qui se dĂ©tache d’une concurrence en peine. Le quotidien sportif espagnol “Mundo Deportivo” refait le match en data et graphiques sur les carriĂšres dĂ©jĂ  monumentales de ces deux joueurs ĂągĂ©s de seulement 22 et 24 ans. Mention spĂ©ciale pour le trĂšs esthĂ©tique VoronoĂŻ interactif en fin d’article.
À smasher ici

DANS NOTRE SAC

đŸȘ Les pĂ©pites data du mois

livres-isbn-monde-bibliothĂšque-three.js-react-mobX-biblioviz-interactif-visualization-phiresky

 
● C’est vertigineux. Et si on visualisait tous les livres publiĂ©s au monde, ceux qui ont le fameux code ISBN ? C’est ce qu’à rĂ©alisĂ© le dĂ©veloppeur Phiresky dans cette immense biblioviz interactive. Vous pouvez sĂ©lectionner et naviguer par langue, rechercher des livres individuels, filtrer par annĂ©e de publication
 Nous sommes ravis, au passage, d’y retrouver le livre de WeDoData “365 - Chaque jour, c'est la journĂ©e de quelque chose” !

Fabian-Lang-gyaĂšte-barbu-3D-cartographie-qgis-threejs-trajectoire-montagnes-suisses-video

 
● C’est planant. Envolez-vous au-dessus des chaĂźnes de montagnes Ă  l’aide de cette visualisation en 3D qui retrace la trajectoire d’un GypaĂšte barbu, le plus grand rapace d’Europe. Les donnĂ©es sont issues de balises GPS permettant de suivre les vols planĂ©s du charognard, ainsi que ses pompes dans les courants d’air chaud. Avec un peu de Qgis2threejs et de Swisstopos, Fabian Lang nous rĂ©gale comme il l’avait fait dans son livre “Montagnes suisses” recommandĂ© dans une prĂ©cĂ©dente Ă©dition.

 

étiquettes-vin-rapport-prix-animaux-radar-pudding-cool-chat-gpt-interactif-scrollytelling

 
● C’est enivrant. Vous aussi, vous choisissez vos bouteilles de vin en fonction de leurs Ă©tiquettes ? The Pudding a analysĂ© la qualitĂ© perçue des vins en fonction de l’animal prĂ©sent sur celles-ci
 PrĂšs de 1 500 bouteilles ont Ă©tĂ© dĂ©cortiquĂ©es. Conclusion en croisant les notes des vins via l’application Vivino et le dessin sur leur Ă©tiquette via ChatGPT Vision : pour des vins au bon rapport qualitĂ©/prix, craquez pour les Ă©tiquettes avec un poisson 🐠, un insecte 🐛 ou un mouton 🐑.

ENCORE UN PETIT LOT DE PÉPITES

● Plein de cartes d’actualitĂ© faites Ă  la main ● Un VoronoĂŻ qui rĂ©pond Ă  une question-clĂ© : oĂč ai-je le plus de chance d’atterrir ? ● Les teintes du ciel en live ● Les droits des femmes, un combat cyclique â— 109 modĂšles climatiques sur un globe en 3D


L’innovation en dataviz, c’est fini ?

 
đŸ€œ AprĂšs quinze ans d’activitĂ© dans la datavisualisation et le data art, Shirley Wu, l’une des data scientist rĂ©putĂ©e de notre secteur, ose une question dĂ©rangeante : “Qu’est-ce qui a tuĂ© notre innovation ?” Son texte oscille entre coup de gueule et gueule de bois. WeDoData ayant connu moultes Ă©volutions du secteur (privilĂšge des pionniers 😎), nous nous sommes pris au jeu du bilan. Venez y rĂ©agir ici !

DANS LES COULISSES DE


🎓 Dans les coulisses des infographies d’Epsiloon

 
LĂ©a Desrayaud est cheffe de l’infographie d’Epsiloon, magazine scientifique d'actualitĂ©, depuis sa crĂ©ation. Avec son parcours particulier – diplĂŽmĂ©e de l’École de Journalisme de Grenoble, puis plongĂ©e dans les services infographies de Reuters, AFP, Idix, Le Monde, Les Echos, LibĂ©ration, etc. â€“, elle a dĂ©veloppĂ© une façon de travailler au prĂšs de la rĂ©daction. Elle nous raconte ici les coulisses de ses crĂ©ations Ă  travers une Ă©tape clef : le crayonnĂ©.
 

Comment organises-tu ton travail entre les donnĂ©es de dĂ©part et la production finale ?

LĂ©a Desrayaud : Je commence toujours par le fond car j’ai la particularitĂ© de travailler les donnĂ©es de chaque sujet : les journalistes me suggĂšrent des publications, des sources et/ou des chercheurs et je vais chercher la data. Puis je plonge dans mes tableurs pour chercher Ă  comprendre ce qu’on veut raconter : les grandes Ă©volutions, les rĂ©partitions
 Je fais mes tests dans Excel ce qui me permet d’avoir « dans l’Ɠil Â» les bonnes proportions dĂšs que je me lance dans mes crayonnĂ©s. C’est pour cela que mes croquis ressemblent souvent beaucoup Ă  la version finale : j’ai dĂ©jĂ  testĂ© en amont les ordres de grandeur des chiffres.

lea-desrayaud-double-page-eau-epsiloon-crayonné-infographie-brouillon-coulisses-média-presse-science-journalisme

 
Prenons l’exemple du hors-sĂ©rie sur l’eau. Au dĂ©part, on voulait comparer la consommation entre diffĂ©rents pays, mais les donnĂ©es n’existaient pas de façon exploitable. J’ai dĂ» revoir l’angle, en travaillant directement avec des chercheurs pour identifier ce qui serait pertinent. Mon crayonnĂ© a servi Ă  poser les bases de la narration : un graphique central trĂšs lisible, et des Ă©lĂ©ments secondaires qui viennent s’articuler autour. Une fois ce travail validĂ©, la phase de production est beaucoup plus mĂ©canique. J’ai souvent l’impression de passer trois semaines Ă  rĂ©flĂ©chir, tester, Ă©changer
 et deux jours Ă  exĂ©cuter. Si on s’est bien mis d’accord sur le crayonnĂ©, la rĂ©alisation devient une ligne droite.
 

lea-desrayaud-double-page-eau-epsiloon-GIF-infographie-coulisses-média-presse-science-journalisme

 
Tu insistes beaucoup sur l’importance de ce crayonnĂ© dans ton travail. Pourquoi est-ce une Ă©tape incontournable pour toi Ă  Epsiloon ?

L.D. : Personnellement, c’est instinctif car j’ai grandi avec l’habitude de dessiner avant de construire – mon pĂšre me demandait toujours de croquer nos projets de cabane ! Aujourd’hui, c’est devenu un rĂ©flexe professionnel : rĂ©flĂ©chir par le dessin permet d’aller droit au but. Pour moi, le crayonnĂ© n’est pas juste une Ă©tape prĂ©liminaire, c’est vraiment un langage de travail avec la rĂ©daction.

lea-desrayaud-double-page-epsiloon-crayonné-infographie-brouillon-coulisses-média-presse-science-journalisme

Exemples de différents crayonnés amassés au fil du temps et les versions finales des infographies juste en dessous.

Quand je prĂ©sente un crayonnĂ© en rĂ©union, tout le monde se concentre sur le message, pas sur des dĂ©tails graphiques. Si je montre une version trop aboutie dans Illustrator, les collĂšgues hĂ©sitent Ă  critiquer, de peur peut-ĂȘtre de « casser Â» mes heures de travail. Avec un croquis, c’est l’inverse : tout le monde ose prendre un crayon, gribouiller par-dessus, proposer un changement. Ça rend la discussion plus collective. C’est aussi une question de clartĂ© : un crayonnĂ© va Ă  l’essentiel, sans parasite visuel. On peut discuter du fond, de la hiĂ©rarchie de l’information, de ce qu’on veut mettre en avant
 avant mĂȘme de parler de couleurs ou des typographies.

Epsiloon accorde une place importante aux infographies, la preuve avec ce numĂ©ro spĂ©cial tout en dataviz qui sort en kiosque le 14 octobre. Comment trouves-tu l’équilibre entre crĂ©ativitĂ©, lisibilitĂ© et exigence de production mensuelle ?

L.D. : C’est un Ă©quilibre fragile, et c’est ce qui rend le mĂ©tier passionnant. À Epsiloon, l’infographie a Ă©tĂ© pensĂ©e comme un pilier dĂšs la crĂ©ation du magazine. L’idĂ©e Ă©tait d’utiliser le visuel pour montrer ce que le texte seul ne peut pas rendre. On a donc beaucoup de libertĂ© crĂ©ative, mais on se doit de rester lisible pour un public large.

Les retours des lecteur.rices sont trĂšs variĂ©s. Certains adorent plonger dans une double page foisonnante, d’autres se sentent perdus. Certains veulent une lecture intuitive, d’autres rĂ©clament des lĂ©gendes trĂšs scolaires. On doit donc penser Ă  tous ces profils car ils existent.

On apprend aussi de nos erreurs. Je me souviens d’une infographie sur les jeux vidĂ©o oĂč j’avais intĂ©grĂ© des petits Mario dans le crayonnĂ© : c’était ludique, mais finalement trop enfantin pour le ton du magazine. On a donc Ă©purĂ© la version finale. Ce genre d’aller-retour fait partie du processus : chercher l’originalitĂ©, mais ne pas perdre de vue que notre objectif est de mettre en valeur une information fiable et comprĂ©hensible.
 

lea-desrayaud-double-page-epsiloon-jeux-videos-mario-tetris-infographie-coulisses-média-presse-science-journalisme

Le crayonnĂ© de l’infographie sur les jeux vidĂ©os Ă  gauche, et l’infographie finale Ă  droite.

Enfin, ce qui m’aide beaucoup, ce sont les Ă©changes permanents : avec les collĂšgues de la rĂ©daction bien sĂ»r, mais aussi avec les chercheurs, Ă  qui je montre parfois mes croquis pour valider mes choix. Cette confrontation des regards est prĂ©cieuse. Elle m’évite de tomber dans la facilitĂ© ou dans des rĂ©flexes toujours identiques, et me pousse Ă  me rĂ©inventer rĂ©guliĂšrement.

⚒ Mes outils prĂ©fĂ©rĂ©s pour travailler : 

  • Les incontournables : Excel, Google Sheets, papier-crayon, Illustrator, Indesign, QGIS pour les cartes.

  • Ceux dont je ne pourrais pas me passer pour certaines infographies : Rawgraphs pour les circle packing, les diagrammes de flux, les VoronoĂŻ, etc. et Automeris.io pour rĂ©cupĂ©rer les donnĂ©es d’un graphique en image quand il est impossible d'avoir le tableau de chiffres.

🔭 Ma veille : 

PRÉCIPITEZ-VOUS !

● Ne ratez pas le numĂ©ro spĂ©cial Epsiloon tout en infographies.
Pour l’acheter en ligne, c’est par ici đŸ“–

epsiloon-special-data-pub-média-presse-science-journalisme
S’ABONNER

On vous a transféré cette newsletter ?

N’oubliez pas de vous inscrire (gratuitement) pour recevoir les suivantes.

✹ La bonne reco de

ClĂ©ment, data designer de l’équipe

Francesco Franchi oĂč l’art de la double infographique

Francesco-Franchi-double-page-dataviz-infographie-tradition-italie-La-Repubblica-média-presse-histoires-visuelles

 
Journaliste et directeur crĂ©atif du quotidien italien « La Repubblica Â» depuis 2016, Francesco Franchi est un des grands acteurs de l’essor du design d’information europĂ©en des annĂ©es 2000. Ses compositions Ă  l’équilibre parfait dans lesquelles la forme est au service du fond, oĂč aucun dĂ©tail n’est laissĂ© au hasard et oĂč la typographie est totalement maĂźtrisĂ©e sont une vĂ©ritable source d’inspiration pour moi. C’est d’ailleurs en grande partie grĂące Ă  son travail que je me suis intĂ©ressĂ© Ă  la visualisation de donnĂ©es et Ă  l’infographie.
 

analisi-grafica-Francesco-Franchi-double-page-dataviz-infographie-tradition-italie-La-Repubblica-média-presse-histoires-visuelles

 
Mention spĂ©ciale pour cette galerie Flickr “Analisi grafica” qui regroupe toutes les productions infographiques de sa pĂ©riode au magazine “IL â€” Intelligence in Lifestyle”, celles qui, Ă  l’époque, m’ont attirĂ© vers la dataviz. PubliĂ©es entre 2000 et 2010, ces pĂ©pites sur double page n’ont pas pris une ride, preuve Ă©vidente de la force de Franchi Ă  raconter des histoires visuelles.

Tout comme Federica Fragapane, Giorgia Lupi ou encore Manuel Bortoletti, il perpĂ©tue cette tradition de l’infographie/dataviz Ă  la sauce italienne : trĂšs lĂ©chĂ©e, gĂ©omĂ©trique, fourmillant de dĂ©tails visuels avec des gammes de couleurs bien calibrĂ©es.

đŸ“· Plongez dans son Flickr avec toutes ses productions
📚 DĂ©couvrez ses livres : « Designing News Â» et « The Intelligent Lifestyle Magazine Â».

DANS NOS BONS PLANS

đŸ› ïž Les ressources du mois

📩 Ressource
● Une typo qui fond comme neige au soleil. Le dessin de la typographie “Climate Crisis font” rĂ©alisĂ©e par le journal nordique Helsingin Sanomat est basĂ© sur les donnĂ©es du National Snow and Ice Data Center, ainsi que les prĂ©visions du GIEC, groupe d’experts sur le climat. La graisse la plus Ă©paisse reprĂ©sente l’étendue de la glace de mer arctique en 1979 (annĂ©e oĂč les mesures par satellite ont dĂ©butĂ©). Et vous aurez devinĂ© que la graisse la plus fine
 simule les prĂ©visions pour 2050 !

⚒ Outil
● Des couleurs bi. Nous vous avons rĂ©cemment prĂ©sentĂ© des cartographies bivariĂ©es qui permettent de reprĂ©senter la relation quantitative entre deux variables dans une seule couche. Mais techniquement, comment faire facilement une gamme de couleurs bivariĂ©e ? C’est lĂ  qu’entre en scĂšne le plugin Figma “Color Interpolation Grid” dĂ©veloppĂ© par Alex Cristache. Choisissez 4 couleurs, le nombre de paliers, le type d’interpolation, le “easing” et le tour est jouĂ©.

📊 Base de donnĂ©es
● Des donnĂ©es monumentales. La Base de DonnĂ©es Nationale des BĂątiments, dĂ©veloppĂ©e par le CSTB, contient la carte d’identitĂ© de plus de 32 millions de bĂątiments français, rĂ©sidentiels ou tertiaires. GĂ©omĂ©trie, matĂ©riaux constructifs, performance Ă©nergĂ©tique, adresse, parcelle cadastrale et bien d’autres informations sont fournies pour chaque bĂątiment. Cette gigantesque base est tĂ©lĂ©chargeable en partie en open data.

La viz de la fin

Dis-moi ce que tu manges et j’en ferai une assiette de couleurs ! C’est le pari rĂ©ussi de la cĂ©lĂšbre data designeuse Nadieh Bremer qui a transformĂ© les donnĂ©es nutritionnelles de plus de 80 000 personnes dans 23 pays issues du Global Diet Quality Score (GDQS) dans une sĂ©rie de dataviz.
Sur l’Ɠuvre ci-dessous, chaque anneau illustre les donnĂ©es d’un individu, dont la taille et la couleur reflĂštent la variĂ©tĂ© et la quantitĂ© d’aliments consommĂ©s au cours d’une journĂ©e. Au final, une assiette qui cĂ©lĂšbre la richesse des rĂ©gimes alimentaires dans le monde.

Global-Diet-Quality-Score-GDQS-Nadieh-Bremer-countries-food-world-data-art-data-design-dataviz-assiette

© “GDQS Data Art Collection” - Nadieh Bremer

Quelques dates avant de se quitter


đŸ‡«đŸ‡·ó ż SIG 2025, le GĂ©o Ă©vĂšnement, s’installera les 8 et 9 octobre aux Docks de Paris : c’est LA confĂ©rence Francophone Esri consacrĂ©e Ă  tous les usages liĂ©s Ă  la GĂ©o.
đŸ‡«đŸ‡· Les Assises nationales de l’IA, premiĂšre Ă©dition, rassembleront le 9 octobre dĂ©cideurs, experts et Ă©lus Ă  l’UniversitĂ© de Caen : dĂ©bats, cas d’usages, networking et ateliers.
đŸ‡łđŸ‡± Information design conference 2025 proposera le 31 octobre Ă  Hilversum (Pays-Bas) de nombreuses confĂ©rences et masterclasses, notamment avec Alberto Cairo.

PrĂšs de 250 ressources bientĂŽt en ligne !

dataviz-index-gif-teasing


WeDoData est un studio de datavisualisations, de design d’informations et de nouvelles narrations : wedodata.fr

Retrouvez-nous sur les rĂ©seaux sociaux :
Bluesky ‱ Linkedin ‱ Facebook ‱ Instagram

đŸȘƒ On vous a transfĂ©rĂ© cette newsletter ?
Abonnez-vous gratuitement

đŸ“Ș Vous prĂ©fĂ©rez lire cette newsletter en ligne
C’est par là

📡 Vous ne jurez que par un bon vieux flux RSS
Le voici 

👋 Vous voulez dĂ©jĂ  nous quitter ?
Désabonnez-vous par ici