DIGITAL·HUMANS · COMITÉ · AOÛT 2026

Gabarits de graphiques

Dix composants autonomes, sans dépendance, aux couleurs du comité. Chacun se branche sur un objet DATA en tête de fichier.
01BUREAU
Situer une valeur entre deux seuils
Plancher, parité, et trois zones. Le gabarit le plus utilisé.
02BUREAU
Deux courbes qui divergent
Croisement marqué, zone de gain hachurée au-delà.
03BUREAU ET MOBILE
Une dette qui vieillit
Tri par ancienneté, seuil à sept jours, anomalie visible.
04BUREAU ET MOBILE
Un poinçon de santé
Score sur cent, arc laiton, assiette du calcul.
05BUREAU ET MOBILE
Une progression sur un objectif
Barre fine, cible marquée, piste hachurée à zéro.
06BUREAU
Répartition d’un coût
Barres et bande de composition. Jamais de camembert.
07BUREAU UNIQUEMENT
Comparaison de trois options
Grille de critères, fond de cellule, colonne retenue.
08BUREAU
Évolution dans le temps
Peu de points, tous marqués, trous non interpolés.
09BUREAU ET MOBILE
Un état binaire
Fait, en cours, bloqué — pictogramme et couleur.
10MOBILE D’ABORD
Une carte de décision
Âge, recommandation, trois gestes. Zones de 48 px.

UN FICHIER, AUCUNE DÉPENDANCE

HTML, CSS et JavaScript dans le même fichier. Pas de D3, pas de Chart.js, pas d’étape de compilation. Du SVG écrit à la main. Servi tel quel par l’application Python.

LES DONNÉES EN TÊTE

Un objet DATA ouvre chaque fichier. On voit immédiatement quoi remplacer, et rien n’est codé en dur plus bas dans le rendu.

BUREAU POUR COMPRENDRE, MOBILE POUR DÉCIDER

Chaque gabarit porte son usage en haut à droite. Le gabarit 07 dit qu’il est de bureau plutôt que de se réduire mal : sur téléphone, il devient une pile de fiches.

UN CHIFFRE N’EST PAS UN FEU TRICOLORE

La couleur situe, elle ne juge pas. Le laiton porte l’accent, le vert et le rouge ne servent qu’aux seuils franchis. Une valeur absente s’affiche n.c. et garde sa place — jamais un zéro.

#0E0E10 · FOND
#16161A · CARTE
#CFCAC0 · TEXTE
#F5F2EC · ACCENTUÉ
#6E6B66 · DISCRET
#C8A97E · LAITON
#7A6647 · LAITON FONCÉ
#4E8C6A · FAVORABLE
#9B4A4A · ALERTE