đ Des conspirationnistes hyper connecteÌs, des preÌnoms animeÌs, des murs deÌnonceÌs et des SVG deÌnicheÌs
La newsletter qui fait parler les donneÌes

La newsletter qui fait
parler les données
đŁ Contribuer au dĂ©bat ?
La dataviz peut-elle servir Ă quelque chose dans ce monde en fuite vers les extrĂȘmes ? Vaste et pesante question Ă laquelle nous avons la prĂ©tention de croire que oui. En rendant visible lâinvisible, elle peut notamment contribuer Ă dĂ©voiler des rĂ©seaux potentiellement dĂ©stabilisateurs.
âïž Dans cette nouvelle Ă©dition, dĂ©couvrez comment nous avons rendu lisible et explorable les liens de la sphĂšre conspirationniste avec Conspiracy Watch
+ un tuto sur notre botte secrĂšte pour capter des SVG dans du code
+ une âperformance cartographiĂ©eââš
+ votre prénom en mode animé
+ les actus et plein dâinspirations
LâĂ©quipe de WeDoData
đ Merci dâĂȘtre toujours plus nombreux Ă nous lire.
Bravo pour vos suggestions et inspirations : hello@wedodata.fr
DANS NOTRE RADAR
đ Ces data(viz) font lâactu
â Des destructions monstrueuses. Selon lâONU, plus de 42 000 tonnes de dĂ©bris de bĂątiments recouvrent aujourdâhui la bande de Gaza, soit assez de gravats pour remplir une file de camions-bennes allant de New York Ă Singapour. Dâune incroyable prĂ©cision, les cartographies en extrusion de Bloomberg donnent Ă voir lâampleur du dĂ©fi.
Ă mesurer
â Des constructions belliqueuses. Ă la frontiĂšre entre la Chine et ses voisins, lâInde, le Bhoutan ou le NĂ©pal, il nây a pas de mur Ă proprement parler, mais un ensemble de villes et villages construits par le gouvernement chinois. Objectif : en faire des colonies de dĂ©fense du territoire. Le New York Times dĂ©voile ces avant-postes aprĂšs avoir scannĂ© les images satellites de la frontiĂšre chinoise avec des outils dâIA.
Ă scruter
â Des importations coĂ»teuses. Sans eux, lâEurope ne construira pas dâĂ©oliennes, de voitures Ă©lectriques ou de panneaux solaires : 86 matĂ©riaux, dont le lithium, le gallium et les terres rares, sont considĂ©rĂ©s comme critiques pour lâĂ©conomie europĂ©enne. Le journal flamand De Tijd propose un scrollytelling trĂšs Ă©clairant sur la dĂ©pendance du continent - et de la Belgique en particulier - Ă ces matiĂšres structurantes de notre avenir.
à scroller (en néerlandais, donc vive la traduction automatique)
DANS LES COULISSES DEâŠ
đ„ La premiĂšre carte interactive du web conspirationniste francophone

Le dĂ©fi. Depuis 16 ans, Conspiracy Watch sensibilise aux dangers des thĂ©ories conspirationnistes et antisĂ©mites, ainsi que du nĂ©gationnisme. Pour la premiĂšre fois, son Ă©quipe a analysĂ© de maniĂšre systĂ©matique et approfondie 130 sites francophones identifiĂ©s comme actifs dans la âcomplosphĂšreâ francophone.
Des données sensibles. Dans les mains de WeDoData, des données de différentes natures et au potentiel explosif :
đ les notices documentaires des experts de Conspiracy Watch sur chacun de ces sites et leur classification dans lâune des six familles complotistes.
đ»ïž les chiffres de frĂ©quentation de ces sites via Similarweb.
âïž un million de liens hypertextes extraits avec Hyphe, outil du MĂ©dialab de Sciences Po : chaque site recensĂ© a en effet Ă©tĂ© visitĂ© par un robot qui en a extrait les liens hypertextes afin de comprendre avec quels autres sites il Ă©tait reliĂ©.

Une carte de rĂ©seau Ă plusieurs mains. Avec un sujet aussi brĂ»lant, la maĂźtrise parfaite des technologies et algorithmes des graphiques de rĂ©seau Ă©tait indispensable. WeDoData sâest donc associĂ© Ă Ouestware, lâun de ses partenaires, spĂ©cialiste du sujet en France avec leur outil Retina. Ă WeDoData, la gestion de projet et lâUX-design ; Ă Ouestware, le dĂ©veloppement de lâoutil.
Une navigation puissante. Le web conspirationniste francophone se dessine pour la premiĂšre fois sous nos yeux : il fait apparaĂźtre son extrĂȘme densitĂ©. Peu de sites sâĂ©loignent de cette boule de liens. StupĂ©fiante imbrication alors que les thĂ©matiques dĂ©fendues sont extrĂȘmement variĂ©es : contrĂŽle mental de la population đ§ , complot maçonnique đȘŹ, Ă©lite sataniste đč, grand remplacement đ, Illuminati đïž, Pizzagate đ⊠Lâoutil vous permet de filtrer finement cet amas de sites : par thĂ©matique, par intensitĂ© complotiste (nombre de thĂ©ories du complot dĂ©fendues), par audience et par pays.

POUR ALLER ENCORE PLUS LOIN
â Conspiracy Watch dĂ©taille ici la mĂ©thodologie de ce projet inĂ©dit
â Merci Ă toutes les personnalitĂ©s hyper compĂ©tentes qui accompagnent WeDoData depuis des annĂ©es
LES BONS OUTILS
đ ïž On partage nos meilleures astuces
đ¶ïž Niveau facile
â Pour les free font lovers. LassĂ© de chercher une typo qui fera la diffĂ©rence et que vous ne trouvez pas dans Google font ? La team Velvetyne propose sa liste de fonderies open source oĂč vous dĂ©nicherez pĂ©pites sur pĂ©pites. Nâoubliez pas de jeter un Ćil Ă leurs propres crĂ©ations expressives et engagĂ©es !
đ¶ïžđ¶ïž Niveau moyen
â Pour les explorateurs de photos. Vous travaillez sur un sujet basĂ© sur des centaines de photos rĂ©cupĂ©rĂ©es sur un groupe Telegram ou un mĂ©dia social ? Les Ă©quipes de Bellingcat ont crĂ©Ă© Smart Image Sorter, un outil open source utilisant lâIA pour les classifier Ă partir dâĂ©tiquettes que vous aurez spĂ©cifiĂ©es.
đ¶ïžđ¶ïžđ¶ïž Niveau expert
â Pour les dashboarders. Tristan Guillevin aka Ladataviz vous propose un plugin Figma pour customiser vos dashboards rĂ©alisĂ©s sous Tableau. Vous nâaurez plus Ă vous casser la tĂȘte Ă essayer de reproduire/construire votre interface directement dans Tableau. Vous nâĂȘtes pas Ă lâaise avec Figma ? Il a concoctĂ© un tuto aux petits oignons đ§
pour vous aider Ă vous lancer.

SâABONNER
On vous a transféré cette newsletter ?
Nâoubliez pas de vous inscrire gratuitement pour recevoir les suivantes

« Les ocĂ©ans, câest vague. »
đ Un datajournaliste noyĂ© dans son enquĂȘte đâ
LE COIN DO IT YOURSELF
đ”ïžââïž La technique secrĂšte pour rĂ©cupĂ©rer des visualisations dans le code dâun site

LâintĂ©rĂȘt. Vous avez sous vos yeux LA cartographie dont vous avez besoin pour votre projet. Pas de bol, les donnĂ©es ne sont pas disponibles, vous ne pouvez donc pas reproduire cette carte. Avec ce DIY, vous Ă©conomiserez beaucoup de temps en apprenant Ă rĂ©cupĂ©rer - lorsque cela est possible - des Ă©lĂ©ments SVG (cartes, graphiques de donnĂ©es et autres assets visuels) dâune page web.
Les prĂ©-requis. Savoir ce quâest un fichier SVG. Se dĂ©brouiller avec Figma (vous pouvez dĂ©marrer ici). Enfin, last but not least, maĂźtriser lâart du clic droit au survol du visuel Ă rĂ©cupĂ©rer depuis votre navigateur et savoir⊠le copier-coller.
Mode dâemploi. Prenons un cas concret, cette magnifique carte isochrone montrant le temps nĂ©cessaire pour se rendre dans n'importe quel point de lâEurope en partant de Paris, en utilisant uniquement le train đ ou en marchant đ¶ââïžĂ un rythme rapide de 5 minutes par kilomĂštre. Les donnĂ©es ne sont pas disponibles et, par ailleurs, il serait fastidieux et long de reproduire cette carte.

1. đ¶ïžïž Commençons par vĂ©rifier que cette carte est bien au format SVG : positionnez-vous au-dessus avec votre curseur et faites un clic droit. Un menu contextuel apparaĂźt avec une option âInspecterâ parmi les actions possibles. Ce libellĂ© peut varier en fonction de votre navigateur : âInspecter lâĂ©lĂ©mentâ sur Safari par exemple. SĂ©lectionnez celui-ci.

2. đ± Pas de panique pour celles et ceux qui ne maĂźtrisent pas le code : vous venez juste dâafficher la fenĂȘtre des outils de dĂ©veloppement. Câest lâenvers du dĂ©cor du site web qui sâaffiche ici. Dans la partie de gauche, vous voyez le code HTML avec les balises des Ă©lĂ©ments de la page. âšđ Nous y cherchons une balise <svg>. Utilisez la recherche en tapant svg. Parfois, ce fameux SVG est cachĂ© Ă l'intĂ©rieur dâautres balises (<div>), nâhĂ©sitez donc pas Ă les ouvrir pour voir sâil sây cache. Dans notre cas, elle est lĂ ! đ

3. đČïž Positionnez-vous sur cette balise SVG et cliquez pour la sĂ©lectionner. Faites un simple â+C (MAC) / Ctrl+C (PC) pour le copier.
4. âĄïž Rendez-vous sur Figma, ouvrez votre projet ou un nouveau document (â+N) et faite un â+V (mac) / Ctrl+V (PC) pour coller ce SVG. Tadaaa, vous venez de rĂ©cupĂ©rer la carte. đȘ

5. Chaque couche est un objet vectoriel que vous pouvez dĂ©sormais manipuler/modifier. Petite astuce Figma au passage :âš
đ„
En sĂ©lectionnant cette carte, le menu âSelection colorsâ affichera toutes les couleurs qui la composent. Vous pouvez donc Ă©diter ces couleurs Ă la volĂ©e depuis ce menu, sans avoir Ă cliquer sur les couches une Ă une.

Conclusion. Voici un copiĂ©/collĂ© qui peut vous faire Ă©conomiser pas mal de temps, ça serait dommage de sâen priver.
đïžCadeau : WeDoData a repris cette carte pour la publier, aprĂšs une bonne couche de design, dans lâAtlas des mobilitĂ©s de la fondation Heinrich Böll.
POUR ALLER ENCORE PLUS LOIN
â Pour complĂ©ter ce DIY, vous pouvez utiliser le plugin SVG Gobbler (sur Google Chrome uniquement) qui vous permettra de tĂ©lĂ©charger tous les SVG dâun site, mais pas ceux bien cachĂ©s comme la carte de notre tuto.
â Vous optimisez vos fichiers PNG et JPG ? Conservez cette bonne pratique avec vos fichiers SVG en utilisant lâincontournable site SVGOMG.

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âŠ
Karen, datajournaliste de lâĂ©quipe
Oui, les murs ne servent Ă rien
Une âperformance cartographiĂ©eâ, voilĂ un format inĂ©dit quâont offert Philippe Rekacewicz, gĂ©ographe-cartographe, et Karen Akoka, spĂ©cialiste des migrations internationales Ă lâoccasion du festival âLes murs ne servent Ă rienâ dans la DrĂŽme. DĂ©couvrez ce dialogue - heureusement filmĂ© - entre les deux experts : lâun sâexprimant par la projection de cartes dessinĂ©es et sensibles, sa spĂ©cialitĂ©, lâautre par le rĂ©cit de ce monde nourri de nombreux fantasmes sur les migrations. Savez-vous, par exemple, que les migrations Sud-Sud et Nord-Sud surpassent en volume celles du Sud vers le Nord ?
đ Le site âVisionscartoâ, lieu de recherche et dâexpĂ©rimentation sur les 1001 façons de « dessiner » le monde tel quâon le perçoit
đ Le livre âCartographie radicaleâ publiĂ© chez La DĂ©couverte
DANS NOTRE SAC
đȘ Les pĂ©pites data du mois
â Câest graphique. Les âPetites images du climatâ sont des posters au style Ă©purĂ© mais impactant, rĂ©alisĂ©s Ă partir de plusieurs bases de donnĂ©es - fournies par lâAgence spatiale europĂ©enne - sur la montĂ©e des eaux, les Ă©missions CO2 ou les feux de forĂȘt.
â Câest emboĂźtĂ©. Reuters nous embarque Ă bord dâun scrollytelling infographique et illustrĂ© avec pertinence : il retrace lâitinĂ©raire secret utilisĂ© par les trafiquants de drogue pour transporter les produits chimiques nĂ©cessaires Ă la fabrication du fentanyl.
â Câest perfectionniste. Le map maker Dom Riccobene sâamuse Ă imprimer en 3D des cartes topographiques de lieux existants ou imaginĂ©s. DĂ©couvert avec sa carte du cĂ©lĂšbre jeu GTA, il remet le couvert et sâattaque Ă celle du jeu Read Dead Redemption.
â Câest stratosphĂ©rique. Cartographier les 58 formes de nuages existantes de maniĂšre synthĂ©tique, câest le dĂ©fi quâont relevĂ© Marion Saint-Luc et Jessica Vial dans une visualisation gĂ©ante qui allie densité⊠et lĂ©gĂšretĂ©.

La viz de la fin
Votre prĂ©nom est-il has been ? Karim DouĂŻeb, incroyable crĂ©atif du data-design, a la rĂ©ponse avec sa derniĂšre crĂ©ation : Baby Names. Vous tapez votre prĂ©nom et en une seconde, les lettres de celui-ci se dĂ©forment en suivant la courbe du nombre de bĂ©bĂ©s baptisĂ©s comme vous. Câest fun et instructif. Le graphique se customise en couleurs et se tĂ©lĂ©charge. Et en plus, les donnĂ©es sont disponibles pour la France et les Ătats-Unis.


On se retrouve lâan prochain
Avant de nous quitter, quelques dates Ă ne pas rater :
đ«đ· Festival OSINT#2 Ă la GaitĂ© lyrique Ă Paris les 6 et 7 dĂ©cembre : il met lâaccent sur les enquĂȘtes OSINT en pĂ©riode de conflit armĂ©, un sujet central depuis l'invasion de lâUkraine et la guerre IsraĂ«l-Hamas.
đ Information is Beautiful Awards 2024, le cĂ©librissime concours mondial de datadesign, ouvre les portes des candidatures le 15 dĂ©cembre.
WeDoData est un studio de datavisualisation, de design dâinformations et de nouvelles narrationsâŻ: wedodata.fr
đȘ 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