La newsletter qui fait
parler les données

Bienvenue au Buena Vista Data Club 👋

Ici, il y en a pour tout le monde : les passionnés de data et de viz, débutants ou vieux routiers, désireux de mettre les mains dans le cambouis ou juste intéressés par les coulisses et la veille…
Chaque mois, l’équipe de WeDoData vous promet de la “buena data” : des dataviz originales, des conseils pour transformer vos tableurs en visualisations impactantes, des liens vers les pépites du moment !

Au menu de cette première édition officielle, des Oscars, des dataviz sauce Figma, des élections pré-calculées, des algos artistiques et du foot magnétique.

Bonne lecture et si vous avez une remarque, une question, une suggestion, nous sommes à l’écoute via hello@wedodata.fr

✍️ L’équipe de WeDoData

DANS NOTRE RADAR

🌎 Ces data(viz) font l’actu

● La Russie sous sanctions. Mort d’Alexeï Navalny, guerre en Ukraine, cinquième mandat de Vladimir Poutine... Les sanctions économiques sont devenues l’une des principales armes géopolitiques contre la Russie. Le média d’investigation allemand Correctiv recense et détaille – en temps réel – près de 35 000 sanctions visant oligarques, entreprises et institutions russes.
À découvrir par ici

● L’IVG, un droit malmené. Ce droit régresse dans certains pays, à l’instar des États-Unis ou de la Pologne. Alors que la France a inscrit la “liberté garantie” d’avoir recours à l’avortement dans sa Constitution, le Center for Reproductive Rights dévoile ici un état des lieux mondial inquiétant : 40% des femmes en âge de procréer ont un droit restreint à l’IVG.
À explorer ici

● Anatomie d’un Oscar. La cérémonie des Oscars est percutée, depuis plusieurs éditions, par les polémiques : rapports hommes-femmes, minorités sous-représentées, hégémonie des Américains… Sky News fait le constat, sans appel et en dataviz, de 96 années d’hégémonie du “club” des hommes blancs de Hollywood.
À scroller par là

LE COIN DO IT YOURSELF

🎓 Figma + Google sheet = des graphiques dynamiques !

L’intérêt. Connaissez-vous Figma ? C’est le logiciel graphique quasi incontournable des web designers aujourd’hui. C’est aussi un outil qui fourmille de plug-ins en option. Parmi eux, Google Sheets Sync (gratuit), créé par le designer Dave Williames, qui permet d’intégrer du texte et des images dans des maquettes via Google Sheets. Mais aussi… de changer des paramètres d’objets : taille, forme, couleur, etc. Vous nous voyez venir ? Chez WeDoData, on l’a détourné pour créer des graphiques directement branchés à un tableur !

Les pré-requis. Avoir un compte Figma (gratuit), un compte Google (gratuit), et maîtriser les bases de Figma ainsi que celles de Google Sheet. Si besoin, voici où démarrer sur Figma [en anglais 🇬🇧] et Google Spreadsheet.

Le mode d’emploi. Faisons-nous la main sur un graphique à barres horizontales en 3 étapes :
1/ Créez un nouveau projet sur Figma. Placez 5 rectangles (outil R) de la même taille, espacés chacun de quelques pixels. Ce seront les 5 barres de notre barchart. Dans les layers à gauche, nommer ces 5 barres #BARSIZE : le signe # permettra au plug-in d’identifier les objets et d’interagir avec eux.

2/ Créez une feuille de calcul Google Sheet et dans “Partager”, autorisez la lecture du document à “Tous les utilisateurs qui ont le lien” ce qui permettra au plug-in de s’y connecter.
Dans ce tableur, intitulez l’en-tête de la première colonne BARSIZE (sans le #) et remplissez les 5 cellules en-dessous avec vos données suivies de la lettre “w”. Cet ajout permet au plug-in de modifier la largeur (width) d’un objet dans Figma. Par exemple : 100w = 100 pixels.

3/ Sur Figma, installez le plug-in Google Sheet Sync. Dans la box qui apparaît, renseignez l’URL de votre feuille de calcul Google Sheet. Cliquez sur “Fetch & Sync” et… magie 🪄, la taille de vos barres s’est adaptée aux valeurs de votre tableur !

Les limites. Ce plug-in n’étant pas conçu initialement pour faire des graphiques, on peut s’en servir pour des barres simples, des barres empilées, des bulles… Mais pas de graphiques plus évolués.

⚡C’est pourquoi, chez WeDoData, nous avons créé notre propre outil permettant de synchroniser un tableur avec des graphiques sur un document Figma. Il s’appelle AutoGraph et il permet un large éventail de dataviz. N’hésitez pas à nous contacter pour qu’on vous montre ça 😉

POUR ALLER ENCORE PLUS LOIN

● La documentation de Google Sheet Sync, pour ceux qui veulent aller plus loin et maîtriser ce plug-in à la perfection : tout y est expliqué, noir sur blanc [et en anglais 🇬🇧]

LES BONS OUTILS

🛠️ On partage nos meilleures astuces

🌶️ Niveau facile
● Une url puissante. Vous n’en pouvez plus de cliquer 4 fois pour créer une feuille de calcul vierge sur Google sheet. Tapez sheet.new dans votre navigateur. Cette URL réservée par Google crée une nouvelle feuille de calcul ! Et ça fonctionne pour d’autres documents Google : testez doc.new ou slide.new pour voir ! 

🌶️🌶️ Niveau moyen
● Des charts à la demande. Vous connaissez les générateurs de lorem ipsum ? Et bien, voici un générateur de graphiques disponible sur Figma : très utile pour maquetter rapidement des idées. Vous choisissez votre graphique (line, bars, candle, donut…), lui précisez quelques paramètres et hop, vous obtenez votre SVG.
À cliquer par ici

🌶️🌶️🌶️ Niveau expert
● Extraire n’importe quel contenu structuré au milieu d’un long texte. C’est possible avec la formule Google sheet =REGEXEXTRACT. Imaginez que vous ayez un fichier d’adresses. Niché dans ces adresses, un code postal que vous aimeriez récupérer. Il suffit d’appliquer la bonne expression régulière (en l’occurrence \d{2}>\s?\d{3}) et le tour est joué !
À tester ici

S’ABONNER

On vous a transféré cette newsletter ?

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

« Il y a plus de daltoniens que de gens sur Internet Explorer. »

🧮 Calcul problable 🧮

DANS LES COULISSES DE…

🍽 “Une histoire du conflit politique” ou la dataviz comme guide de survie dans les repas de famille

Un challenge de 200 ans de data. Vous vous souvenez forcément de ce repas où votre grand-oncle enchaînait ses vérités absolues : “Mais évidemment, les communes pauvres votent à gauche” ; “Bien sûr que le vote Macron est un vote populaire” ; “Dans la ville où je suis né, le taux d’immigré a grimpé. Résultat : ça vote à l’extrême-droite”. Si seulement vous pouviez lui répondre avec des données objectives… C'est le défi qu’ont relevé Julia Cagé et Thomas Piketty, les auteurs de “Une Histoire de Conflit Politique”, en collectant 200 années de données électorales et socio-démographiques sur les 36 000 communes de France ! Défi qu’ils ont ensuite transmis à WeDoData : comment représenter cette montagne de données de manière pertinente, simple, en live et lisible même sur un smartphone ?

La solution du “tout-pré-calculé”. Clouer le bec à votre grand-oncle nécessite de lui donner le change vite et avec une dataviz bien ciblée. Par exemple, comparer simultanément deux cartes de France avec leurs 36 000 communes, visualiser de potentielles corrélations sur les 200 indicateurs socio-démo disponibles, explorer les tendances politiques d’une ville sur 200 ans. Pour épargner aux utilisateurs des temps de calcul et donc de latence insupportable, nous avons opté pour une solution “asynchrone”. Autrement dit, 333 millions de croisements et 20 000 cartographies et graphiques ont été pré-calculés, rendus, puis stockés sur un serveur.

Avantages… Le principal intérêt de cette technique est donc l’instantanéité de l’affichage des dataviz. Mais aussi des coûts de serveurs réduits puisqu’il n’y a plus besoin de faire des calculs à chaque requête d’utilisateurs (c’est souvent ce qui coûte cher au niveau de l’hébergement).

… et inconvénients. Cette configuration ne convient pas à des projets qui ont besoin de mettre à jour les données trop régulièrement, car il faut à chaque fois régénérer les calculs et les croisements.

POUR ALLER ENCORE PLUS LOIN

● On remercie Appunto.io, l’agence web qui nous a accompagné dans le développement du site et notamment sur ce travail de l’ombre sans lequel la discussion de famille atteindrait le point de Godwin. 
 
● Découvrez encore plus de détails sur la conception de ce projet hors normes sur le site de WeDoData.

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…
François, data designer de l’équipe

Vera Molnár, la pionnière de l’art algorithmique

Première artiste à s’emparer de l’informatique à la fin des années 1960, ses œuvres faites d’abstraction géométrique sont une inspiration sans fin pour imaginer des dataviz. À partir de 1981, l’artiste utilise la correspondance avec sa mère, restée en Hongrie, pour créer des formes abstraites basées sur son écriture retranscrite avec l’aide de l’ordinateur.
Découvrez son travail sur Artnet, mais aussi sa rétrospective au Centre Pompidou à Paris, jusqu’au 26 août.

DANS NOTRE SAC

🍪 Les pépites data du mois

● C’est déroutant. Vous ne verrez plus jamais les couloirs de la station Nation à Paris de la même façon après avoir découvert cette vue en 3D. On la doit à Albert Guillaumes Marcer qui a passé 10 ans à dessiner plus de 1 500 stations de métro en Europe. Retrouvez les sur son site web personnel.

● C’est poignant. Le Covid est une réalité quotidienne pour ceux qui souffrent du Covid long. Parmi eux, Giorgia Lupi, designeuse d'informations de renommée mondiale, qui fait le récit de ces 1 374 jours de maladie en data et en viz pour le “New York Times”. Tout en sensibilité avec ces touches de peinture qui envahissent son calendrier comme autant de marques sur son corps.

● C’est gigantesque. Le site Dimensions référence des milliers d’objets de la vie quotidienne – humains, animaux, plantes et bien d’autres catégories – au format vectoriel (2D et 3D) et les proposent au téléchargement (payant).

● C’est à voir. L’imaginaire existant autour de l’IA a été en grande partie façonné par Hollywood. Sebastian Luehr, fondateur de l’agence berlinoise DataDesign, revisite 100 ans de cinéma pour décrypter ce grand récit des IA violentes, utiles, révolutionnaires…

La viz de la fin

La visualisation de 882 536 passes faites durant 890 matchs de football. Une expérimentation de Karim Douieb, “data activist”, disponible sur Observable. Merci StatsBomb pour les données.

Vivement le mois prochain !

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

Retrouvez-nous sur les réseaux sociaux :
X-Twitter • Linkedin • Facebook • Instagram • Youtube • Medium

🪃 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