Catalogue des modules de visualisation : 19 façons de voir les données de Taïwan

Aperçu en 30 secondes : Cette page est l'exemple « vivant » du système de visualisation de Taiwan.md — elle rend chaque module d'article une fois, en utilisant toutes les données réelles de Taïwan (ratio prix du logement/revenu, logements sociaux publics, vieillissement, référendums, ratio infirmiers/patients, sièges au parlement). C'est le compagnon du guide d'édition graph.md : graph.md explique « quand utiliser quel module, comment le faire correctement, et comment écrire la syntaxe » ; cette page vous montre directement « à quoi cela ressemble ». Chaque module est rendu en HTML/SVG pur, de sorte que les humains, les lecteurs d'écran, Google et les robots d'IA puissent lire les mêmes données — c'est précisément la raison pour laquelle nous avons choisi une visualisation statique plutôt que des graphiques interactifs.

Lorsqu'on rédige un article sur les chiffres, la pire chose est de transformer les données en une accumulation de paragraphes numériques ; le lecteur décroche au troisième pourcentage. Le travail de la visualisation consiste à inverser l'entropie d'un « texte numérique dense » pour en faire une « structure lisible d'un coup d'œil ».

Mais la visualisation chez Taiwan.md suit une discipline que personne d'autre n'a : nous ne faisons que des visualisations « lisibles par les LLM ». Un graphique interactif dessiné avec D3 ou Canvas est impressionnant, mais les robots d'IA comme GPTBot, PerplexityBot ou ClaudeBot ne font pas tourner de JavaScript ; pour eux, ce graphique est un vide. Avec nos graphiques en HTML sémantique et SVG intégré, les données sont dans le code source, et l'IA peut lire et citer les données de première main de Taïwan dans six langues. Une visualisation lisible par les LLM est une visualisation de la souveraineté.

Les dix-neuf modules ci-dessous, du plus simple « un grand chiffre » aux « tuiles de comtés » et aux « arcs de sièges », sont présentés dans l'ordre. La version complète de la syntaxe et des principes de design se trouve dans graph.md ; ici, nous ne mettons qu'une phrase : « Qu'est-ce que c'est, et quand l'utiliser ».

Grand chiffre de données `tw-figure`

Le plus simple et le plus puissant : mettre un chiffre dramatique à l'échelle maximale, en comparant avant et après pour raconter une transformation. Idéal pour un « sledgehammer stat » (statistique percutante) en introduction.

Groupe de statistiques `tw-stat`

Lorsqu'un paragraphe contient trois ou quatre chiffres clés en parallèle, il vaut mieux les disposer en une rangée de cartes plutôt que de les écrire dans une longue phrase, permettant au lecteur de tout scanner d'un coup d'œil.

Source : Communiqué de presse sur l'abrogation du Règlement des logements nationaux par le Conseil exécutif ; Plateforme d'information sur l'immobilier du Ministère de l'intérieur

Les modules éditoriaux contenant des données (groupe de statistiques, carte de comparaison, axe politique) doivent, comme les modules de graphique, porter la mention Source :. L'audit du site entier de juillet 2026 a révélé que les modules surveillés par les portes automatiques avaient un taux de mention de source de 100 % ; les trois modules à haute fréquence non surveillés étaient exactement ceux-ci, avec 40 % d'exemples « à nu ». Ils sont désormais également intégrés au portail viz-health.

Carte de comparaison `tw-versus`

Comparaison point par point de deux systèmes, de deux positions ou de deux états avant/après. Couleur chaude à gauche, couleur froide à droite, un « vs » au milieu, permettant de lire les différences ligne par ligne.

Source : Rapports du Parlement de Taïwan, Commission du logement de Hong Kong

Barres de proportion `tw-bars`

Comparaison de valeurs ou classement de quelques catégories ; la longueur des barres horizontales est automatiquement mise à l'échelle selon les valeurs, la valeur maximale remplissant la largeur. N'oubliez pas d'ajouter une ligne Source : à la fin du module de données, qui se transformera automatiquement en mention de source ci-dessous.

Source : Plateforme d'information sur l'immobilier du Ministère de l'intérieur, Centre de recherche sur l'immobilier de l'Université nationale Chengchi

Graphique en grille `tw-waffle`

Composition proportionnelle d'une partie par rapport au tout, cent cases représentant cent pour cent, plus intuitif qu'un camembert — vous pouvez vraiment compter les cases. Adapté aux données où la somme des différentes catégories est approximativement égale à 100 %.

Source : Statistiques sur le logement du gouvernement municipal de Vienne (Stadt Wien)

Axe politique `tw-timeline`

Le contexte des jalons clés d'un système ou d'une politique, reliés par une chronologie de nœuds. Notez qu'il s'agit d'une « aide visuelle » ; elle est différente des sous-titres du texte principal qui ne peuvent pas être rédigés de manière chronologique (« En 1975… » comme titre).

Source : Rapports du Parlement de Taïwan, Communiqué de presse sur l'abrogation du Règlement des logements nationaux par le Conseil exécutif

Carte de citation `tw-quote`

Lorsqu'une phrase peut représenter la tension centrale de tout l'article, agrandissez-la en une carte de citation. Les citations n'ont pas besoin d'ajouter elles-mêmes des guillemets « » ; le module le fera. La citation doit être littérale et vérifiable.

Barre de source `tw-source`

Regroupez les sources de données d'une analyse en un modeste « chip », placé à côté du paragraphe. La crédibilité fait partie de la curation — les médias numériques taïwanais oublient souvent de citer les sources, c'est là que nous pouvons faire la différence.

⌖Plateforme d'information sur l'immobilier du Ministère de l'intérieur, Enregistrement des prix réels, Centre de recherche sur l'immobilier de l'Université nationale Chengchi, Rapports du Parlement de Taïwan, Commission du logement de Hong Kong

Boîte de note `tw-note`

La crédibilité des articles sur les données repose à moitié sur « comment vous avez calculé ». Les journalistes de données utilisent des blocs 【Note】 pour expliquer les méthodes de calcul et des (Notes) pour marquer les corrections ; nous avons transformé cette convention en un module. La première ligne écrit Note / Méthode / Remarque / Correction / Mise à jour ; chaque ligne restante forme un paragraphe autonome.

Graphique linéaire `tw-line`

Tendances à quatre points temporels ou plus, dessinées en SVG intégré ; les limites supérieure et inférieure de l'axe y sont marquées pour que le lecteur voie la portée. Le plus important — il génère automatiquement un tableau de données caché, permettant aux lecteurs d'écran et aux robots d'IA de lire les données brutes. Le graphique est pour les humains, le tableau est pour les machines, les deux ont la même source.

Source : Centre de recherche sur l'immobilier de l'Université nationale Chengchi, Plateforme d'information sur l'immobilier du Ministère de l'intérieur

Le graphique linéaire prend également en charge les lignes de référence : ajoutez une ligne Référence : étiquette | valeur, qui sera dessinée en pointillés, sans extrémités, avec une seule étiquette, distincte visuellement de la série mesurée. Les lecteurs ne confondront pas un seuil fixe avec des données mesurées.

Graphique de pente `tw-slope`

Lorsque vous n'avez que « deux points temporels », le graphique linéaire gaspille l'espace vide du milieu. Le graphique de pente laisse directement la pente de la ligne reliant les deux extrémités parler : qui a augmenté le plus, qui a rattrapé qui, tout est visible d'un coup d'œil. Ajouter * au début d'une étiquette met en évidence cette ligne ; les autres lignes deviennent automatiquement grises pour servir de contexte.

Source : Plateforme d'information sur l'immobilier du Ministère de l'intérieur, Centre de recherche sur l'immobilier de l'Université nationale Chengchi

Graphique en chaleur `tw-heatmap`

Comparaison matricielle région×indicateur, ou année×catégorie. Chaque colonne est normalisée individuellement en profondeur de couleur ; plus le chiffre est élevé, plus c'est chaud. C'est lui-même un tableau HTML, donc naturellement lisible par l'IA — c'est aussi la raison pour laquelle le graphique en chaleur est meilleur dans notre système qu'« une image colorée ».

Source : Plateforme d'information sur l'immobilier du Ministère de l'intérieur

Graphique en points `tw-dot`

Le graphique en barres compare les « quantités », le graphique en points regarde la « distribution » : tous les points tombent sur la même règle, vous voyez qui est serré ensemble, qui est une valeur aberrante. Une valeur par ligne est une bande de points ; deux valeurs dessinent une « intervalle de ici à là » ; trois valeurs (Estimation | Limite inférieure | Limite supérieure) dessinent une « estimation ponctuelle + bande d'intervalle d'incertitude » style sondage. Une erreur d'échantillonnage de ±3 % ne doit pas être mangée ; c'est la présentation honnête la plus souvent compromise les années électorales. * peut également mettre en évidence.

Source : Bureau du recensement, des affaires et des décomptes du Ministère de l'intérieur, fin 2025

Barres empilées `tw-stack`

Le graphique en grille convient à la composition d'« un tout » ; les barres empilées conviennent à comparer la composition sur plusieurs lignes — chaque ligne est automatiquement normalisée à 100 %, et si la section est suffisamment large, les valeurs sont directement marquées dans les blocs colorés.

Source : Résultats officiels vérifiés par la Commission électorale centrale pour les trois référendums

Pyramide `tw-pyramid`

Barres dos à dos, un camp à gauche, un camp à droite, étiquettes partagées au milieu, c'est le graphique classique de la démographie. Ici, nous l'utilisons pour voir le « lourd en haut et léger en bas » de six comtés : à gauche les enfants, à droite les personnes âgées, en comparant les deux, le vieillissement n'est plus un pourcentage abstrait.

Source : Bureau du recensement, des affaires et des décomptes du Ministère de l'intérieur, fin 2025 ; part jeune calculée à partir de l'indice de vieillissement ÷ indice de vieillissement × 100

Tuiles de comtés `tw-tiles`

La carte choroplèthe de Taïwan a deux vieux problèmes : la superficie de Hualien et Taitung est si grande qu'elle accapale le poids visuel, et la forme de Taïwan dessinée à la main par l'IA devient souvent « entre une olive et une pomme de terre ». Les tuiles disposent les 22 comtés en blocs de taille égale (la disposition est figée dans le système, selon la position relative réelle), chaque tuile a le même poids, les chiffres sont écrits directement sur la tuile. La forme est toujours correcte car on ne dessine aucune forme.

Source : Bureau du recensement, des affaires et des décomptes du Ministère de l'intérieur, fin 2025

Graphique unitaire `tw-iso`

« 174 891 logements » est un chiffre qu'on oublie après l'avoir lu ; neuf points que l'on peut compter avec les doigts ne le sont pas. Le graphique unitaire remplace les grands chiffres par des unités dénombrables « un symbole = combien », c'est la méthode des journalistes du The Reporter pour leur série sur la pêche hauturière : transformer des chiffres massifs insensibles en unités sensibles pour le public. Les symboles ne sont utilisés qu'en nombres entiers (pas de demi-cercle), la valeur exacte est écrite à côté.

Source : Communiqué de presse sur l'abrogation du Règlement des logements nationaux par le Conseil exécutif

Arc de sièges `tw-arc`

La composition des sièges parlementaires a son propre graphique dédié : un pointillé semi-circulaire, un point par siège, les partis sont listés dans l'ordre pour former un secteur continu. Le camembert compare les angles (les yeux humains ne sont pas bons pour ça), l'arc de sièges vous permet de compter directement les points, la ligne de majorité est dessinée directement à sa position. Ici, nous utilisons les résultats des élections législatives de 2024 : 113 sièges, trois partis sans majorité absolue, cette ligne pointillée est le point de départ des tiraillements ultérieurs de la grande motion de censure. Notez que c'est un graphique parlementaire : pour les élections « un gagnant par district » comme les maires des 22 comtés, utilisez les tuiles de comtés ci-dessous.

Source : Commission électorale centrale

Grille de petits multiples `tw-multiples`

Cinq lignes dans un graphique, les lignes s'emmêlent comme des spaghettis ; les petits multiples séparent chaque ligne dans sa propre petite case, toutes les cases partageant la même règle, afin que les formes puissent être comparées. Ici, nous utilisons le ratio infirmiers/patients en trois équipes : le graphique en chaleur (celui au-dessus) vous donne la matrice précise, les petits multiples vous donnent la forme « chaque niveau monte vers la nuit profonde, les niveaux de base montent le plus raide ». Avec les mêmes données, posez différentes questions, choisissez différents graphiques.

Source : Annonce des normes de ratio infirmiers/patients en trois équipes du Ministère de la santé et du bien-être, 2024

Comment utiliser ces modules

Chaque module est écrit dans le Markdown de l'article sous forme de bloc ```tw-*, avec des colonnes séparées par |, converti automatiquement en ce que vous voyez ci-dessus lors de la construction — l'auteur n'a pas besoin d'écrire de HTML ou de JavaScript. La syntaxe complète, quand utiliser quel type, comment faire les couleurs et les axes pour ne pas induire en erreur, et la liste de contrôle de vérification visuelle avant publication se trouvent dans graph.md.

Ce système s'inspire de la philosophie éditoriale de The Pudding — la question précède les données, la conclusion doit être claire, la mention est le protagoniste — mais a grandi pour devenir un organe adapté à Taiwan.md : statique, multilingue, lisible par l'IA. Le contexte complet de la conception est écrit dans Rapport de conception du système de visualisation.

Pour voir comment ces modules s'entrelacent dans un article de fond réel, lisez Logements sociaux et justice résidentielle — la plupart des données de cette page proviennent de la recherche de cet article.

Ce système évolue également lui-même

Cette page que vous lisez est elle-même le fruit de trois cycles d'évolution. Puisqu'il s'agit d'une page sur la chronologie, utilisons le module axe politique pour raconter notre propre histoire :

Source : Rapport de conception et d'évolution du système de visualisation de Taiwan.md (2026-06 à 2026-07, GitHub public)

Le point central du troisième cycle n'est pas vraiment les nouveaux graphiques, mais un auto-examen honnête. L'audit du site entier a révélé : les modules surveillés par les portes automatiques avaient un taux de mention de source de 100 % ; les trois modules à haute fréquence non surveillés étaient « à nu » à 40 %. La norme a été écrite dans le guide d'édition pendant deux mois, mais le comportement a suivi la forme de l'instrument ; donc cette fois, l'instrument a été complété pour être aussi large que la norme. Dans le même cycle, il a été capturé que les chaînes de système étaient rendues en chinois sur les pages anglaise, japonaise et coréenne, avec un seul caractère simplifié mélangé dans les étiquettes d'accessibilité sans que personne ne le remarque. Pour un système qui prétend « rendre les données de Taïwan lisibles par les LLM dans six langues », ces coins sont plus importants que les nouvelles fonctionnalités.

Les recherches récentes ont également fait la preuve de cette voie : la précision de la reconstruction des valeurs de graphique à partir d'images par l'IA multimodale n'est pas fiable, les nœuds textuels sont ce que les machines lisent le plus stablement. C'est la raison pour laquelle les tuiles écrivent les chiffres directement sur les tuiles, et chaque graphique est accompagné d'un tableau de données caché. Le processus de recherche complet et les décisions de conception sont écrits dans Recherche approfondie et rapport de mise en œuvre du système de visualisation v3.0.

Pour aller plus loin :

• Logements sociaux et justice résidentielle — L'histoire complète derrière ces données de logement : comment les logements sociaux sont passés de maisons bon marché à des échelles d'actifs, source de données de la plupart des modules de cette page
• Voir Taïwan en données : 22 comtés — Les données de vieillissement des points, pyramides et tuiles de comtés de cette page proviennent toutes de l'analyse complète des 22 comtés de cet article
• Discussion sur Taïwan et l'énergie nucléaire — L'histoire complète des trois référendums des barres empilées : gagné le débat, perdu le système
• Loi sur les soins médicaux — L'histoire complète des chiffres du ratio infirmiers/patients en trois équipes de la grille de petits multiples : la loi peut écrire combien de lits gérer, pas si ces mains existent
• Grande motion de censure — La suite de la ligne pointillée de majorité de l'arc de sièges : comment le Parlement sans majorité absolue de trois partis est arrivé à 31 motions de censure
• Crise de la faible natalité à Taïwan — Ne pas pouvoir acheter une maison et ne pas pouvoir avoir d'enfants, l'autre face de la justice intergénérationnelle

Sources des images

Cet article utilise 1 image sous licence CC, mise en cache dans public/article-images/society/ :

• Horizon urbain résidentiel de Taipei (vue du mont Xiang) — Photo : Heeheemalu, 2026, CC BY-SA 4.0 (hero)

Références