🐍 Des serpents, des Ɠuvres d’art qui font la roue, des devinettes, des sculptures de données et des palettes de couleurs

La newsletter qui fait parler les données

Buena Vista Data Club - #11 - février 2025

La newsletter qui fait
parler les données

đŸ’Ș Garder le cap

Depuis le 20 janvier (non, nous ne faisons pas rĂ©fĂ©rence au Blue Monday
), WeDoData a quittĂ© X et nos prĂšs de 10 000 followers.
đŸ—ƒïž En rĂ©cupĂ©rant l’archive de douze ans de posts, c’est la vie de WeDoData qui a dĂ©filĂ© devant nos yeux : tous nos projets, confĂ©rences et formations, hackathons et dĂ©lires de la boĂźte (tiens, si on faisait une dataviz par jour pendant un an)

Pas de regret, juste le constat que ce rĂ©seau a Ă©tĂ© un formidable lieu de veille, d’échanges, de diffusion de la dataviz. Mais comme tout outil, il peut ĂȘtre dĂ©tournĂ© de son objectif initial.

đŸ”„ Restons connectĂ©s, plus que jamais.
Nous sommes toujours ici : LinkedIn / Bluesky / Instagram

L’équipe de WeDoData
Des suggestions et inspirations ? 👉 [email protected]

DANS NOTRE RADAR

🌍 Ces data(viz) font l’actu

● Symbolique animale. Alors que les Chinois entament l’annĂ©e du “serpent de bois” ou “serpent vert”, le South China Morning Post dĂ©livre les prĂ©dictions dĂ©taillĂ©es de votre signe du zodiaque dans format pĂ©dagogique et illustrĂ©.
À serpenter

● Gargantu-IA. Loudoun, dans le Nord de la Virginie, est cernĂ© de data centers. Au fil de l’enquĂȘte en scroll de Bloomberg, les images satellites dĂ©voilent un comtĂ© dont la forĂȘt a Ă©tĂ© remplacĂ©e par des dizaines de milliers de m2 de hangars de serveurs. Le monde comptait 3 600 data centers en 2015. 7 000 aujourd’hui, boostĂ©s par l’IA.
À brancher

● Coupures abyssales. Il a fallu une semaine au “Cable Vigilance”, navire spĂ©cialisĂ© pour rĂ©tablir C-Lion1, une des liaisons de fibre optique sabotĂ©es dans la mer Baltique, en novembre. Le New York Times plonge dans le quotidien de ces rĂ©parateurs atypiques : sous leurs bateaux, un million de kilomĂštres de cĂąbles Internet.
À creuser (payant)

DANS LES COULISSES DE


☀ Transformer une collection d’art en soleil de thĂ©matiques

Coulisses - Kadist : le sunburst thĂ©matique d’une collection d’art - sunburst

Pourquoi on vous en parle ? Depuis plusieurs annĂ©es, la fondation KADIST cherche Ă  rendre plus accessible et impactante sa collection de plus de 2 200 Ɠuvres d’art contemporain aux sujets multiples : l’identitĂ©, la spiritualitĂ©, l’activisme, l’urbanisation

đŸ’Ș Double dĂ©fi pour WeDoData :
1. Imaginer une cartographie qui rĂ©vĂšle les grands enjeux de la collection, mais aussi la richesse des approches de chaque Ɠuvre
2. CrĂ©er un outil qui explore ces thĂ©matiques tout en Ă©tablissant des connexions entre elles et les Ɠuvres associĂ©es 

Des thĂšmes issus d’IA + humains. Pour dĂ©celer des thĂ©matiques dans une telle pluralitĂ©, nous avons conjuguĂ© puissance algorithmique et finesse de spĂ©cialistes. Une IA gĂ©nĂ©rative a extrait des mots-clĂ©s Ă  partir des descriptions d’Ɠuvres. Ensuite, un travail minutieux de regroupement et hiĂ©rarchisation, mi-humain mi-IA, a structurĂ© ces mots-clĂ©s en 3 niveaux thĂ©matiques.

Coulisses - Kadist : le sunburst thĂ©matique d’une collection d’art - essais

Une dataviz qui classe et ramifie. Nous avons testĂ© de nombreuses visualisations : sunburst, graphe de VoronoĂŻ, dendrogramme

Victoire au sunburst qui permet de naviguer facilement entre les grands thĂšmes et leurs ramifications, tout en gardant un Ɠil sur les Ɠuvres associĂ©es. En prime, son esthĂ©tique a trouvĂ© un Ă©cho immĂ©diat auprĂšs des premiers testeurs.

Coulisses - Kadist : le sunburst thĂ©matique d’une collection d’art - wireframe

Et maintenant, la comparaison ? En appliquant cette mĂ©thodologie Ă  d’autres collections, le sunburst se transforme mĂȘme en un outil de rapprochement thĂ©matique. En jouant sur des palettes bichromes, l’internaute visualise les zones de recoupement - ou de divergence - entre deux collections. La dataviz est dĂ©cidĂ©ment un monde sans limite.

Coulisses - Kadist : le sunburst thĂ©matique d’une collection d’art - comparaison

POUR ALLER ENCORE PLUS LOIN

● Jouer avec une version de l’explorateur de la collection KADIST

● DĂ©couvrir la fondation KADIST

LES BONS OUTILS

đŸ› ïž On partage nos meilleures astuces

đŸŒ¶ïž Niveau facile
● Pour les typos. Pousse ta fonte est une plateforme collaborative, créée par AurĂ©lien Thomas et Justin Buisson, visant Ă  regrouper un maximum de ressources autour de la typographie : fonderies, inspirations, jeux


đŸŒ¶ïžđŸŒ¶ïž Niveau moyen
● Pour les protos. DĂ©veloppĂ© par Vercel, v0.dev gĂ©nĂšre des interfaces simples et des composants UX pour les projets web Ă  partir d’un simple prompt. En bonus : il gĂ©nĂšre du code - en React - et peut aussi ingĂ©rer vos maquettes Figma. De quoi faciliter les interactions entre designers et dĂ©veloppeurs.

đŸŒ¶ïžđŸŒ¶ïžđŸŒ¶ïž Niveau expert
● Pour les visualos. Plonger rapidement au cƓur d'un jeu de donnĂ©es et identifier ses grandes tendances n’est pas chose aisĂ©e. La librairie Python Lux donne un sĂ©rieux coup de pouce en proposant une multitude de graphiques possibles.

S’ABONNER

On vous a transféré cette newsletter ?

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

« Le pie chart, c’est un peu le Comic
sans MS de la dataviz. »

đŸ˜± Traducteur typographique đŸ˜±

LE COIN DO IT YOURSELF

🌈 Viz Palette : pour des dataviz aux couleurs accessibles

DIY - Viz Palette : l’outil pour des dataviz aux couleurs accessibles - navigation

Un outil pensĂ© pour les dataviz. MĂȘme s’il reste du chemin Ă  parcourir, l’accessibilitĂ© est enfin devenue un sujet abordĂ© lors des projets web. Offrir une palette de couleurs accessible Ă  vos internautes est donc LE minimum.
đŸ‘ïž C’est lĂ  qu’entre en scĂšne Viz Palette, outil nĂ© d’une frustration de Susie Lu et Elijah Meeks, tous deux data designer chez Netflix. Il offre un rendu “live” de vos gammes de couleurs sur de faux graphiques pour les diffĂ©rentes dĂ©ficiences visuelles !

DIY - Viz Palette : l’outil pour des dataviz aux couleurs accessibles - color report

Le petit plus (et pas des moindres). Son atout maĂźtre est le “Color report”. Pour chaque dĂ©ficience, il identifie les conflits de couleurs potentiels entre les teintes de votre gamme. L’outil vous montre, en outre, si ce conflit va concerner des lignes et des points, des aplats de moyenne ou de grandes surfaces.

DIY - Viz Palette : l’outil pour des dataviz aux couleurs accessibles - edit

Comment l’utiliser ? Vous Ă©ditez vos couleurs dans la partie “Edit”. L’outil propose mĂȘme des variantes de teintes dans une mini palette.‹
🎹 Essayons de corriger le problĂšme de couleur sur les deux teintes “Magenta” : cliquez sur la teinte #9d02d7 et choisissez une couleur plus sombre dans ses variantes. Cliquez sur “Update Color”. Le conflit est corrigĂ© et l’exemple avec les graphiques est remis Ă  jour pour apprĂ©cier le rĂ©sultat. Naviguez dans les dĂ©ficiences visuelles pour vous assurer que ce changement n’a pas gĂ©nĂ©rĂ© de nouveaux conflits.

DIY - Viz Palette : l’outil pour des dataviz aux couleurs accessibles - conflits

Pour conclure. Il est trĂšs difficile d’obtenir 0 conflit de couleurs sur toutes les dĂ©ficiences, notamment si vous avez plus de 5 couleurs dans votre gamme. ‹
⚠ L’idĂ©e est plutĂŽt de chercher Ă  minimiser ces conflits en jouant sur la saturation et la luminositĂ© de chacune des teintes (et en veillant Ă  conserver une cohĂ©rence visuelle).

POUR ALLER ENCORE PLUS LOIN

● Pour savoir si votre texte est compatible RGAA/RGAAA, activez le plugin Contrast sur Figma.

● Lisa Charlotte Muth guide sur l’usage de la couleur dans la dataviz : tous ses articles sur le sujet sont regroupĂ©s ici [🇬🇧].

DIFFUSER

Vous aimez Buena Vista Data Club ?

Partagez-la à vos proches ou votre réseau en leur transférant par mail ou via les réseaux sociaux

✹ La bonne reco de

Antoine, data scientist de l’équipe

Des sculptures de données

Reco - Art - Les crĂ©ations data-driven d’Adrien Segal

Ci-dessus, de droite à gauche : la progression du Rim Fire en Californie, les méandres de la riviÚre Molalla en Oregon et la progression du Cedar Fire californien.

Des tables, des vases, du mobilier urbain
 DerriĂšre chaque objet créé par Adrien Segal, artiste amĂ©ricaine, se cache un tableur de donnĂ©es. Ainsi, la Californienne a créé des objets d’art et de design Ă  partir des data de 30 annĂ©es d’enneigement au Sierra Nevada, de 50 annĂ©es d’usage de l’eau aux États-Unis ou encore de 29 jours de marĂ©e. “La sculpture est un langage esthĂ©tique pour combler le fossĂ© entre la raison et l'Ă©motion”, confie-t-elle.
Découvrez le site de son studio.

DANS NOTRE SAC

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

● C’est papillonnant. Visualisez 13 millions d'utilisateurs BlueSky đŸŠ‹ dans un graphe de rĂ©seau rĂ©alisĂ© par Joel Gustafson qui en dĂ©taille les coulisses. S’il a pu rĂ©aliser cet exploit, c’est que BlueSky est ouvert contrairement Ă  X, son concurrent.

● C’est perturbant. Sur les 8 000 caractĂšres chinois standard, 16% ont plusieurs prononciations. Complexity Science x Hub propose, via une enquĂȘte visuelle et interactive, de dĂ©coder le mandarin.

● C’est Ă©triquĂ©. La vie dans les “maisons-cages” hongkongaises est parfaitement racontĂ©e dans cet article du South China Morning Post. De la 3D aux illustrations en passant par les dataviz, cette production en scroll reste un modĂšle d’exploration d’un sujet dans ses moindres (petits) dĂ©tails.

La viz de la fin

Datacitron a encore frappĂ©. Sa sĂ©rie “The data riddles calendar” publiĂ©e sur les rĂ©seaux sociaux nous a mis dans un Ă©tat de cogitation extrĂȘme : 24 dataviz Ă©nigmatiques derriĂšre lesquelles se cache le nom d’un artiste ou d’un groupe de musique. Un superbe dĂ©tournement de la visualisation de donnĂ©es dans le style rĂ©tro qu’elle affectionne tant.

Viz de la fin - Data Riddles Calendar

Quelques dates et ressources
avant de se quitter

đŸ‡«đŸ‡· La journĂ©e de l’écoconception numĂ©rique, sous la houlette des Designers Ă©thiques, le 6 fĂ©vrier Ă  Paris.
đŸ‡”đŸ‡č International Conference on Information Visualization Theory and Applications du 26 au 28 fĂ©vrier Ă  Porto (Portugal).

WeDoData est un studio de datavisualisation, 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