🎨 Et si vous ajoutiez de la “matière” dans vos graphiques ?

Qui a dit que les dataviz devaient forcément être lisses, vectorielles… presque aseptisées ? À force de chercher la lisibilité, on en oublierait presque une dimension pourtant essentielle : la sensation, le grain, la texture. Bref, la matière. Et si, au lieu de simplement représenter un sujet, on cherchait à en incarner physiquement la nature ?

L’équipe de WeDoData vous a sélectionné quelques matières pour inspirer vos futurs projets et aider à les différencier :

🧵 Tissages, tissus et broderies

Avec cette réalisation, nous sommes dans le parfait contre-pied. Le textile pour un sujet… de jeux en ligne. En effet, vous admirez les données de deux joueur·euse·s accros à Wordle et aux mots croisés qui ont enregistré toutes leurs parties pour comparer leurs performances pendant deux ans. Tout ceci est datavisualisé en format tissage et points de croix ! L’effet de surprise est total et suscite l’attention.

Mais un effet tissé pourrait bien sûr être utilisé pour évoquer les chiffres du secteur du textile ou les abus de la fast fashion. Ici, la dataviz adopterait les codes visuels d’un secteur économique. Le fond inspirerait la forme... et la forme serait au service du fond.

Autre exemple en fils de coton. Nous découvrons ci-dessus l’évolution des surfaces de jeu des tournois du Grand Chelem depuis 1880 avec leurs couleurs si emblématiques : gazon, terre battue ou dur. Classieux comme les tenues des tennismen et tenniswomen et joli clin d’œil aux broderies du fameux crocodile.

🛣️ Béton brut

Aujourd’hui, la finance n’est plus mobilisée pour acheter des usines, des terres, des immeubles ou des stocks de produits, mais elle irrigue majoritairement des actifs dits immatériels : en clair, la Recherche & Développement, la propriété intellectuelle, des données ou des logiciels. Ce graphique à l’aspect de béton vient nous mettre face à cette chute du concret et de l’économie réelle qui ne représentent plus que 10 % de la capitalisation boursière du S&P 500 (les 500 grandes sociétés cotées sur les bourses aux États-Unis). Une métaphore impactante entre la matière et le sujet.

📃 Papier froissé

Dans ce premier rapport de l’Observatoire français des atteintes à la liberté de la presse (OFALP), certains graphiques semblent… froissés. Les graphiques arborent un rendu qui rappelle le papier journal qui aurait été manipulé et pressurisé. Un choix graphique simple en apparence, mais redoutablement efficace : il fait écho à la violence symbolique (et de plus en plus réelle) exercée aujourd’hui sur les médias. On ne lit plus seulement des données sur la liberté de la presse, on ressent une tension dans la forme même du graphique.

Ce que ces expérimentations nous soufflent, en creux :

• la neutralité visuelle est un choix… mais pas une obligation
• sur certains sujets, vous pouvez atteindre l’alliance parfaite entre le rendu visuel et le thème
• et surtout, la dataviz est aussi une expérience sensible

POUR ALLER ENCORE PLUS LOIN

● Pour tenter l’aspect dessiné, voici des exemples de codes tout prêts de dataviz crayonnées, également possible avec la librairie Rough.js ou Wired.js. En bonus : une librairie d’annotations animées pour vos textes.

● Pour faire de la broderie, voici un générateur de bordures en pixel-art très pratique et très (trop ?) exhaustif.