Des données à l’image

quelques retours d’expériences de 10 années de datavisualiation

Etienne Côme, @comeetie.bsky.social,
Séminaire Quantitativisme réflexif, ISP

2025-09-25

@comeetie

Chercheur Université Gustave Eiffel COSYS/GRETTIA
Statistiques, Données, Visualisation, Cartographie, Transports,…
R,JS,Python,Cpp,…

Trajectoire

Toujours aimé les cartes !

Trajectoire

Toujours aimé les cartes !

en voyage

Trajectoire

Toujours aimé les cartes !

ou dans les livres

Trajectoire

Pas de formation en carto/visualisation

Plus à l’aise avec un

qu’avec un .

Trajectoire

rencontre avec la Grammaire Graphique

et avec ggplot

Trajectoire

découverte des possibilités offertes

par le js et d3

Trajectoire

découverte de la stack logicielle autour d’OSM

et des travaux de Stamen

Trajectoire

découverte de la stack logicielle autour d’OSM

donc de Mapbox

Trajectoire

découverte de la stack logicielle autour d’OSM

et de Leaflet

Trajectoire

découverte de la stack logicielle autour d’OSM

Il faut être 2

pour faire une carte/visualisation

Carte / Visualisation ?

Bruit divers ! Bruit sémantique Bruit technique Bruit sémantique
Source (Données) Emetteur (Encodage) Canal Récepteur (Décodage)

Toutes les cartes/visualisations sont

fausses

mais certaines sont

utiles

mais certaines sont

utiles

mais certaines sont

utiles

Visualisation ?

“Transformation of the symbolic into the geometric”
[McCormick et al. 1987]

“… finding the artificial memory that best supports our natural means of perception.”
[Bertin 1967]

“The use of computer-generated, interactive, visual representations of data to amplify cognition.”
[Card, Mackinlay, & Shneiderman 1999]

Pourquoi visualiser ?

Intégrer l’humain dans la boucle

  • Répondre a des questions ou trouver des questions ?
  • Prendre des décisions
  • Remettre les données dans leur contexte
  • Amplifier la mémoire
  • Calcul graphique
  • Trouver des schémas, des patterns
  • Présenter des arguments
  • Inspirer

Pourquoi visualiser ?

Analyser :

  • Développer et critiquer des hypothèses
  • Découvrir des erreurs
  • Trouver des patterns

Communiquer

  • Partager et convaincre
  • Collaborer et réviser

Angle / Cadrage

Angle / Cadrage

Couleurs

Couleurs

Typographie

Titre, sources, …

Un nombre infini de degrés de libertés

Sortir des sentiers batus

pour stimuler l’intérêt du lecteur

Sortir des sentiers batus

pour stimuler l’intérêt du lecteur

Overview first

Zoom and filter

Then details-on-demand

Zoom \(\Rightarrow\) Profondeur

Francepixels, contexte

Retour en 2014 !

Données carroyées massives

  • derivées des feuilles d’impositions
  • 200m x 200m pixels
  • liimit du secret statistique (11 ménages)

Contexte

open data, mais :

  • fichier volumineux, format spécifique, problème de projection
  • utilisable dans la douleur
  • avec des logiciels spécialisés mapinfo / arcgis / qgis

Une opportunité

La stack technique développée autour d’OSM

\(\Rightarrow\) allait permetre de renouveller la diffusion et les outils de visualiation de ce type de données statistiques

Une opportunité

Pas le seul à noter cette opportunité

Oliver O’Brien a proposé une approche similaire en 2015 avec data-shine (Uk)

Details technique et choix

A cette époque les tuiles vectorielles arrivaient très doucement

\(\Rightarrow\) Avantage massif pour les données statistiques

Details technique et choix

A l’époque :

  • R pour traiter les données et produires des tuiles geojson
  • leaflet pour les tuiles raster
  • d3 pour le rendu des tuiles vectorielles artisanale sur un canvas
  • canvas invisible pour gérer l’interactivité
  • importance des détails (échelle de couleurs/fond de carte/labels/…)

essayez ! c’est toujours en ligne

MAUP et aggregation mutli-échelle

Le modifiable areal unit problem (MAUP) est un biais lié à l’agrégation de données spatiales à des échelles différentes.

MAUP and multiscale aggregation

Le modifiable areal unit problem (MAUP) est un biais lié à l’agrégation de données spatiales à des échelles différentes.

\(\rightarrow\) agréger a différentes échelles et liés niveau d’agrégation et niveau de zoom.

Résoud deux problèmes :

  • Taille des tuilles !! elles doivent rester petites
  • MAUP !! possibilité d’explorer différents niveau d’agrégation facilement

Feedbacks and users

  • INSEE
  • Journalistes, sur des sujets spécifiques eg. ségregation / école / transports
  • Urbanistes pour des diagnostics territoriaux
  • Chercheur
  • Curieux …

Francepixels, evolutions

Les tuiles vectorielles sont devenues une technologie mature

accessible beaucoup plus facilement

Francepixels, évolutions

Beaucoup plus simple à réaliser maintenant :

Francepixels successeurs

Les détails ont leurs importances !

Faciliter l’interaction n’est pas aisé

Médiation

Algorithmique

Médiation

Algorithmique

Matrices OD \(\Rightarrow\) Champs vectoriels

Médiation

Algorithmique

Parties de cartes compétitives\(\Rightarrow\)Espace abstrait organisé

Médiation

Algorithmique

Relations d’abonnements\(\Rightarrow\)Espace abstrait organisé

Outils

Ressources

Merci !

Questions / Discussion