đŸŽČ Spéciale 3D : immersion, suspension, extrusions et profondeur... en virtuel et en réel

La newsletter qui fait parler les données

Buena Vista Data Club - #10 - janvier 2025 - numéro spécial 3D

La newsletter qui fait
parler les données

đŸŽČ Belle annĂ©e en 3D !

đŸ•¶ïž Pas d’inquiĂ©tude, vous n’aurez pas besoin de lunettes 3D pour profiter pleinement de cette Ă©dition spĂ©ciale qui inaugure 2025.
🚙 WeDoData ne s’est pas non plus payĂ© un trajet dans la DeLorean de “Retour vers le futur”, direction les annĂ©es 1980 avec ses Excel inondĂ©s de graphiques 3D.‹
đŸ’Ș Le meilleur de la dataviz 3D que nous avons compilĂ© dans cette newsletter, ce sont des approches innovantes pour les data relationnelles, spatiales et/ou multi-dimensionelles. Comment ? GrĂące Ă  des interactivitĂ©s repensĂ©es, des outils cartographiques originaux, des logiciels de modĂ©lisation comme Blender ou des librairies telles que Three.js.
đŸ”„ Bien sĂ»r, cela ne clĂŽt pas les dĂ©bats sur les questions de perspective ou de distorsion potentielle, mais attardons-nous un moment sur l’impact de ces dataviz.

L’équipe de WeDoData
[email protected]

🎉  Notre souhait pour 2025 ? Que la communautĂ© des amoureux de la dataviz continue de s’agrandir, d’attirer des profils variĂ©s, d’inventer en virtuel, en IA et en rĂ©el.

DANS NOTRE SAC

đŸȘ Les pĂ©pites 3D sur papier et en vidĂ©o

● C’est lettrĂ©. Le nom d’une ville se transformant en gratte-ciel pour incarner les affres de l’immobilier aux États-Unis, voilĂ  une dataviz de Fortune qui s’élĂšve Ă  juste titre.

● C’est massif. Le site Visual Capitalist a le don pour remettre l’humain à sa place : voici la biomasse de toutes les espùces et celle des mammifùres sur Terre.

● C’est pĂȘchu. Publier une spĂ©ciale 3D sans Ă©voquer le spĂ©cialiste du sujet Craig Taylor aurait Ă©tĂ© un impair : voici une de ses vidĂ©os sur l’activitĂ© de pĂȘche quotidienne observĂ©e entre la France et la Grande-Bretagne.

DANS LES COULISSES DE


đŸŽ„ CineDataMap ou la camĂ©ra qui n’a peur de voler au-dessus des datas

Coulisse - Cinedatamap - la camera qui n’a pas peur de faire parler les datas - navigation GIF

Le dĂ©fi. Si la cartographie a acquis depuis des annĂ©es une place de choix dans les mĂ©dias et le cƓur du public, elle reste un format complexe Ă  animer en vidĂ©o. Surtout quand elle vise Ă  raconter des quantitĂ©s “mappĂ©es” sur un territoire. Comment donner du relief Ă  ces donnĂ©es ?

Esprit hacking. Nos contraintes : proposer un outil adaptĂ© Ă  la fois aux productions “lĂ©gĂšres” du web et aux rendus de haute qualitĂ©. Nos dĂ©veloppeurs ont dĂ©tectĂ© une potentialitĂ© dans Kepler.gl. Créé par Uber (oui, oui, le gĂ©ant des VTC), cet outil d’analyse gĂ©ospatiale, dĂ©sormais open source, s’appuie sur du WebGL. Et si on prenait le contrĂŽle de sa camĂ©ra ?

Coulisse - Cinedatamap - la camera qui n’a pas peur de faire parler les datas - interface

Des sĂ©quences d’images sur-mesure. Et voilĂ  que CineDataMap, notre outil de vidĂ©o cartographique, prend forme avec :‹
🌏 Kepler comme brique de visualisation de donnĂ©es Ă  grande Ă©chelle.
🚀 L’inventivitĂ© de nos dĂ©veloppeurs pour piloter, sur une timeline, sa camĂ©ra virtuelle et les paramĂštres des couches de donnĂ©es (opacitĂ©, filtres
).
đŸ“č La capacitĂ© de CineDataMap Ă  prĂ©visualiser, puis exporter la sĂ©quence voulue dans plusieurs rĂ©solutions (jusqu’au 4k) et au nombre d’images par seconde (fps) de son choix. Les sĂ©quences peuvent donc ĂȘtre montĂ©es dans des logiciels comme After Effects, Premiere, Cavalry


Coulisse - Cinedatamap - la camera qui n’a pas peur de faire parler les datas - projets

À l’épreuve des donnĂ©es et de la rĂ©alitĂ©. À peine nĂ©, CineDataMap a Ă©tĂ© plongĂ© dans le grand bain. En effet, WeDoData travaillait alors sur “Europe, un continent bouleversĂ©â€, une sĂ©rie ambitieuse d’Arte en 6 Ă©pisodes. Pendant plusieurs mois, il a fallu visualiser des bases de donnĂ©es au niveau europĂ©en ! Soit des millions de data sur des sujets aussi variĂ©s que la densitĂ© de l’élevage agricole, la qualitĂ© du rĂ©seau Internet, les flux migratoires, les Ă©changes d’énergie
 Les visualisations en extrusion, celles qui permettent de faire Ă©merger la quantitĂ© du sujet donnĂ© sur un territoire prĂ©cis, ont rĂ©vĂ©lĂ© des tendances que les journalistes n’avaient jamais vu avec ce niveau de prĂ©cision.

POUR ALLER ENCORE PLUS LOIN

● Construit sur le framework de Kepler, Foursquare Studio est un outil d’analyse et de visualisation gĂ©ospatiale gratuit et puissant.

● Retrouvez des vidĂ©os CineDataMap sur sa page dĂ©diĂ©e : 40 ans de sĂ©ismes en Turquie, 10 ans de ventes immobiliĂšres dans l’Ouest de la France, 24 heures de trajets BlaBlaCar, les rĂ©sultats de l’élection prĂ©sidentielle revisitĂ©s selon les zonages territoriaux.‹Merci Ă  Boris Mericskay et Denis Vannier pour leurs contributions Ă  certains de ses projets.‹
Vous avez des donnĂ©es territorialisĂ©es ? Ecrivez-nous pour en voir le potentiel en vidĂ©o : [email protected]

LES BONS OUTILS

đŸ› ïž On partage nos meilleures astuces

đŸŒ¶ïž Niveau facile
● Pour les adeptes d’outils clĂ© en main. Flourish permet de rĂ©aliser rapidement et facilement des visualisations 3D. Cliquez sur leur tag 3D et dĂ©couvrez la belle palette de cartes avec extrusion et de globes terrestres.

đŸŒ¶ïžđŸŒ¶ïž Niveau moyen
● Pour les extrudeurs. Kepler.gl, puissant outil d’analyse gĂ©ospatiale open source, permet en quelques clics de visualiser de gros sets de donnĂ©es gĂ©ospatiales : activez “l’extrusion”, choisissez la dimension de votre jeu Ă  mapper sur la hauteur et admirez le rĂ©sultat. L’outil propose plusieurs modes de reprĂ©sentation 3D (arcs, hexbin
).

đŸŒ¶ïžđŸŒ¶ïžđŸŒ¶ïž Niveau expert
● Pour les explorateurs. Si Flourish vous frustre, des outils permettent de crĂ©er des globes 100% personnalisables : textures, tracĂ©s d’arcs, extrusion ou effets d’atmosphĂšre. C’est notamment possible en Javascript via Globe.GL qui repose sur du WebGL et la librairie Three.js.

S’ABONNER

On vous a transféré cette newsletter ?

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

« Je suis quelqu’un d’orthogonal
dans la vie. »

📐 Un designer visiblement carrĂ© 📐‍

LE COIN DO IT YOURSELF

đŸ—ș Comment rĂ©aliser sa propre carte

vintage en relief

DIY - Réaliser sa propre carte vintage en relief

Pourquoi c’est cool ? Assumons ici un gap gĂ©nĂ©rationnel. À la vue de la carto ci-dessus, certains d’entre nous ont senti un petit goĂ»t de madeleine dans la bouche avec le souvenir de ces cartes en relief aux murs de leurs Ă©coles primaires. Les autres (oui, clairement plus jeunes
) ont craquĂ© devant l’esthĂ©tique.

Ambition de ce tuto. Vous voulez la mĂȘme carte ? Deux options s’offrent Ă  vous :‹
1/ RĂ©aliser la vĂŽtre, entiĂšrement Ă  votre goĂ»t, avec vos couleurs, vos effets d’ombres et de lumiĂšre. Nous vous dĂ©voilons ici les Ă©tapes-clĂ©s d’un sujet quasiment pas documentĂ© en ligne, mais, soyons clair, dans l’espace contraint d’une newsletter, nous ne pourrons dĂ©tailler les trĂšs nombreuses Ă©tapes de ce type de projet.
2/ Casser la tirelire post-NoĂ«l pour vous offrir un poster vendu sur un des sites spĂ©cialisĂ©s. 🌐 Liens en fin de tuto👇

Image + DEM + QGIS + Blender = đŸ—ș 
Voici, en une Ă©quation, les quatre ingrĂ©dients de la recette secrĂšte de cette carte ! Ses Ă©tapes-clĂ©s :

  1. đŸȘš La base, c’est votre “texture” de cartographie. En clair, la carte vintage que vous avez envie de pimper. Dans notre exemple, nous avons choisi la carte gĂ©ologique de la France disponible sur le site du BRGM, le Bureau de Recherches GĂ©ologiques et MiniĂšres.

DIY - Réaliser sa propre carte vintage en relief - texture et DEM

  1. ⛰ Il faut ensuite mettre la main sur un fichier d’élĂ©vation appelĂ© DEM (Digital Elevation Model) ou MNT (ModĂšle NumĂ©rique de Terrain). Il s’agit d’une image en noir et blanc : noir ⚫, vous ĂȘtes au niveau de la mer đŸ–ïž et blanc âšȘ, au niveau le plus haut đŸ”ïž (le Mont-Blanc). ‹

  1. 📏 La plupart du temps, vos deux fichiers ne seront pas alignĂ©s, c’est-Ă -dire qu’ils n’auront pas la mĂȘme projection cartographique. Il faudra passer d’abord dans QGIS, outil de cartographie, pour gĂ©orĂ©fĂ©rencer votre image ainsi que le DEM (ici, un tutoriel de QGIS). Une fois DEM et cartographie parfaitement alignĂ©s, vous exportez votre DEM en image dans la mĂȘme dimension que la cartographie.‹

  2. 🎁 C’est le moment d’ouvrir Blender, logiciel open source de modĂ©lisation 3D. L’objectif est d’importer la cartographie tel un plan dans l’espace, puis d’utiliser le fichier DEM comme rĂ©fĂ©rentiel pour extruder ce plan.

DIY - Réaliser sa propre carte vintage en relief - Blender

  1. ☀ Enfin, pour obtenir l’effet spectaculaire attendu, vous devrez jouer avec la lumiĂšre de la scĂšne pour l’éclairer de biais et crĂ©er des zones d’ombres. Ce tutoriel sur le relief sous Blender vous guidera : le cartographe Daniel Huffman a remis Ă  jour fin 2023 tous ses chapitres didactiques (🇬🇧).

🚹 Allez go ! Patience et concentration sont indispensables, mais le jeu en vaut la chandelle.


🎁 Cadeau : WeDoData vous offre le fond de carte et le DEM du tuto pour passer directement Ă  l’étape 3D. Envoyez-nous vos rĂ©alisations !

POUR ALLER ENCORE PLUS LOIN

● Scott Reinhard, designer au New York Times, vend sur son site ses plus belles Ă©lĂ©vations historiques ou sa sĂ©rie des Parcs nationaux.

● Jared, passionnĂ© des grands espaces naturels amĂ©ricains, a lancĂ© Muir Way.

● VizCart est un site dĂ©diĂ© Ă  cet art de la carte en relief ombrĂ© artistique : tous les niveaux gĂ©ographiques et carte 100% personnalisable.

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

Donner forme Ă  la data

dans le monde physique

Reco - livre : Making with data / Donner vie à la data dans le monde réel

Papiers pliés, planches en bois, Lego, fils suspendus, corps humains
 Autant de matiÚres pouvant servir à des représentations physiques de données quantitatives. Le livre Making with data nous plonge dans le monde merveilleux de la Physical (ou Tangible) Data Visualization.
Les auteurs ont compilĂ© des rĂ©alisations d’artistes, de designers ou de chercheurs avec l’envie de documenter (croquis, photos, artefacts de conception) et de faire parler ces crĂ©ateurs sur leurs mĂ©thodes et techniques de fabrication. Ce livre incite au DIY. “Je veux que les gens se rendent compte qu’ils peuvent aussi le faire”, reconnaĂźt Willett, l’un des auteurs.

DANS NOTRE SAC

đŸȘ Les pĂ©pites 3D sur le web

● C’est raide. Projetez-vous sur une paroi verticale grĂące Ă  l’expĂ©rience du New York Times qui revient sur l’une des ascensions les plus difficiles au monde, celle du Dawn Wall d'El Captain.

● C’est Ă©tourdissant. Plongez-vous dans cette astucieuse spirale qui dĂ©roule l’histoire mondiale des connaissances humaines (faites confiance au site qui, hĂ©las, n’a pas renouvelĂ© son certificat de sĂ©curitĂ©).

● C’est immersif. DĂ©couvrez l’effet “Je me balade dans un graphique” avec Flow immersive qui prĂ©sente ici la vidĂ©o leur derniĂšre rĂ©alisation sur le climat.

● C’est assourdissant. L’énergie des supporters se mesure notamment Ă  leur niveau sonore. The Economist raconte ça dans un stade devenu haut-parleur.

La viz de la fin

Pour finir cette spĂ©ciale 3D, nous n’avons pas peur de sortir les vieux dossiers
 car, en 2015, le New York Times rĂ©alisait cette pĂ©pite. Cette visualisation en 3D explore l’évolution des taux de crĂ©dit. À chaque Ă©tape, elle projette la courbe sur deux dimensions, rĂ©vĂ©lant les liens complexes entre croissance Ă©conomique, inflation et rendements. Cette production nous rappelle qu’une dataviz bien pensĂ©e n’a pas d’ñge !

Viz de la fin - Évolution des taux de crĂ©dit en 3D - The New York Times - un jeu 3D en 3 axes

👉 Cliquez sur l’image pour accĂ©der Ă  l’article

Prochaine Ă©dition : le 6 fĂ©vrier

WeDoData a le plaisir d’attaquer 2025
avec de nouveaux profils dans l’équipe.

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