Réglez-le, copiez le code
Choisissez ce que le cadre affiche et sur quel fond. L'aperçu et le code se mettent à jour ensemble : ce que vous voyez est exactement ce que vos lecteurs verront.
Le fond transparent laisse passer celui de votre page, et c'est le réglage à prendre si la vôtre n'est ni de notre bleu-nuit ni de notre blanc cassé. Le cadre ne peut pas la deviner : il vient d'un autre domaine et n'a aucun accès à vos couleurs. C'est donc à vous de dire si votre site est plutôt clair ou plutôt sombre, et le texte s'y accorde. L'aperçu ci-dessous est posé sur un fond qui figure le vôtre.
Une réserve, et elle vaut d'être dite : sur un fond gris moyen, ni le texte clair ni le texte sombre n'atteignent le contraste requis pour un texte de cette taille. Prenez le fond plein dans ce cas, il garantit la lisibilité quel que soit l'endroit où vous le posez.
Aperçu
Le cadre s'adapte à la largeur que vous lui donnez : réglez width sur 100% pour qu'il remplisse sa colonne. La hauteur, elle, doit rester fixe, un cadre ne sachant pas se dimensionner sur son contenu.
Le lien de crédit, et ce qu'il fait
Le code contient une ligne de crédit sous le cadre, avec un lien vers ce site. Elle est là pour deux raisons, et aucune n'est cachée dans le code.
La première est pour vos lecteurs : un chiffre sans provenance ne vaut rien, et celui-ci a une méthode publique. Le lien leur permet de vérifier d'où il sort, comment il est calculé et quand il a été rebasé. La seconde est pour nous : les liens sont la seule contrepartie demandée pour cet outil, et ce sont eux qui le font connaître.
Cette ligne est du HTML ordinaire, dans le code que vous copiez. Vous pouvez la reformuler, la déplacer, ou la retirer : le compteur fonctionnera pareil. Nous n'utilisons aucun procédé qui la remettrait toute seule, et le cadre ne vérifie rien.
Ce que le cadre fait, et ce qu'il ne fait pas
- Aucun traceur, aucun cookie, aucune inscription. Le cadre ne pose rien sur le navigateur de vos lecteurs et ne nous renvoie aucune donnée les concernant. Vous n'avez pas à le déclarer dans votre bandeau de consentement.
- Il se met à jour seul. Le chiffre est extrapolé en continu à partir de la dernière dette trimestrielle publiée par l'INSEE, et la base est remplacée automatiquement à chaque nouvelle publication. Vous n'aurez jamais à revenir modifier le code.
- Il affiche un chiffre juste même sans JavaScript. La valeur du dernier build est écrite dans la page : si le script ne se charge pas, le cadre montre un montant correct, simplement figé.
- Il est léger. Pas d'image, pas de bibliothèque, pas de scène 3D : une police, une feuille de style et quelques lignes de calcul.
- La méthode est publique. Le chiffre affiché, sa base et son rythme sont expliqués sur la page du compteur, avec les sources.
Où le poser, à quelle taille, et ce que chaque mesure affiche
Le code est un cadre iframe ordinaire : il se colle dans un article, une barre latérale ou un pied de page, partout où votre outil accepte du HTML brut. Il n'appelle aucun script sur votre domaine et n'a besoin d'aucune autorisation particulière.
La largeur s'adapte, la hauteur non
Le code livré porte width="380" et style="max-width:100%" : le cadre ne débordera donc jamais d'une colonne plus étroite que lui, y compris sur téléphone. Pour qu'il remplisse au contraire toute la largeur disponible, remplacez 380 par 100%. La hauteur, elle, reste à la valeur donnée : un cadre venu d'un autre domaine ne peut pas se redimensionner sur son contenu, et une hauteur trop courte couperait la ligne de source.
L'attribut loading="lazy" est dans le code par défaut : le cadre n'est chargé que lorsque le lecteur approche de l'endroit où il est posé, et il ne pèse donc rien sur l'affichage initial de votre page.
Les trois mesures
- Dette totale
- L'encours au sens de Maastricht, toutes administrations publiques, extrapolé depuis le dernier trimestre publié par l'INSEE. C'est le réglage par défaut.
- Par habitant
- Le même encours divisé par la population de la France entière. Ce n'est pas une somme due par quiconque, et ce que le montant par habitant mesure vraiment mérite d'être lu avant de le citer.
- Par seconde
- Le rythme lui-même, en euros par seconde, plutôt que le montant. C'est la grandeur qui rend la progression lisible sur un cadre que l'on regarde quelques instants.
Le titre accessible du cadre change avec la mesure retenue : un lecteur d'écran annonce ce que le cadre affiche réellement, et non « compteur de la dette » sur un cadre qui montre une part par habitant.
Vous préférez les données brutes ?
Le cadre affiche un chiffre ; si c'est la donnée que vous cherchez, deux fichiers sont servis directement par ce site, sans clé ni inscription, sous licence ouverte :
/data/reference.json· la base courante du compteur : dernier encours publié en milliards, ratio de PIB, trimestre de référence, glissement sur douze mois et rythme par seconde. C'est exactement ce que lit le cadre, et il est réécrit à chaque publication trimestrielle de l'INSEE./data/dette-annuelle.json· la série annuelle depuis 1978, montant et ratio de PIB pour chacun des 48 millésimes, avec le détail de ses deux segments de source et du raccord entre eux.
La même série annuelle se télécharge en CSV depuis l'historique de la dette française année par année, où sa construction est détaillée. La comparaison entre pays, elle, s'exporte en CSV depuis la page qui met la France en regard de ses voisins : elle n'a pas de fichier servi en continu.
Aucune de ces adresses n'est un contrat d'API : elles sont stables et publiques, mais elles ne sont ni versionnées ni garanties. Un usage qui compte dessus gagne à en garder une copie, et à nous prévenir pour qu'on ne les déplace pas sous ses pieds.