CC-BY

CartABl: instrumenter l’édition de cartes et figures interactives

logo_cartabl_nom.jpg

Olivier Aubert - www.olivieraubert.net
@olivier_aubert@piaille.fr
Journée Cartabl - 09/03/2026

Ce que c’est?

Instrument simple d’accès pour créer des graphiques (SVG) interactifs

screenshot_cartabl.png

Un exemple de résultat

Questions de recherche

  • Grammaire des visualisations interactives (cf Vega)
  • Humanités Numériques
  • Genèse instrumentale interdisciplinaire
  • Science Ouverte / logiciel libre

De la Genèse Instrumentale...

instrumental_genesis.png

Co-évolution des instruments et des pratiques qu’ils rendent possibles

…à la Genèse Instrumentale Interdisciplinaire

D’enjeux distincts…

interdisciplinary_instrumental_genesis.png

…aux pratiques et intérêts mélés shared_instrumental_genesis.png

Genèse

Atlas Bleu atlas-bleu.cnrs.fr - revue en ligne de géographie

logo_letg_cnrs_nu.jpg

screenshot_atlas_bleu.jpg

Scénarios visés

principle.svg

illustrator -> SVG -> publication

devient:

illustrator -> SVG -> interactivité -> publication

avec la possibilité de faire des itérations

Travaux antérieurs

Détails techniques - runtime

  • But: unique fichier SVG autonome (déploiement simplifié) - ressources intégrées au fichier
  • Petit runtime (LGPL) - fichier js intégré dans le SVG
  • Règles d’interaction définies comme des éléments déclaratifs, stockées comme métadonnées SVG.
    • Modèle volontairement très simple Événement-Action-Paramètres
    • Pour l'instant, pas de conditions, pas d’état - KISS principle
  • Feuille de style CSS intégrée

Détails techniques - éditeur

  • Application web, interactions drag and drop
  • Inspiration d’interfaces familières
  • Vanilla js, pas de compilation: dépendances minimales, robustesse, pérennité (minimal computing)
  • Demo

screenshot_cartabl.png

FOSDEM_logo.svg

Catalogue d’actions

Open in editor

Quelques fonctionnalités à signaler

  • Fusion de règles depuis un fichier existant

    → ré-édition du contenu graphique

  • Les événements sont émis par le SVG

    → possibilité d’utiliser le SVG pour "piloter" la page web

Limitations

À venir

  • Internationalisation
  • Diagnostics/conseils sur le contenu SVG
  • Raccourcis pour des scénarios identifiés (e.g. affichage pas-à-pas, survol)
  • Nouvelles actions
    • possible extension du modèle (conditions, état...)