Aperçu en 30 secondes : Cette page est un « exemple vivant » du système de visualisation de Taiwan.md — chacun des dix modules de visualisation d'articles est rendu une fois, en utilisant le même jeu de données réelles sur le logement à Taïwan (ratio prix du logement/revenu, logements sociaux nationaux, logements sociaux, comparaisons internationales). C'est le compagnon du guide éditorial graph.md : graph.md explique « quand utiliser lequel, comment bien faire, comment écrire la syntaxe », cette page vous montre directement « à quoi ça ressemble ». Chaque module est rendu en HTML/SVG statiques, de sorte que les personnes, les lecteurs d'écran, Google et les robots d'indexation IA lisent tous les mêmes données — c'est précisément la raison pour laquelle nous avons choisi la visualisation statique plutôt que des graphiques interactifs.
Quand on écrit un article traitant de chiffres, le pire est de transformer les données en un empilement de paragraphes de nombres ; le lecteur décroche dès le troisième pourcentage. Le travail de visualisation consiste à inverser l'entropie d'une « prose numérique dense » pour en faire « une structure lisible d'un coup d'œil ».
Mais la visualisation chez Taiwan.md obéit à une discipline que les autres n'ont pas : nous ne faisons que des visualisations « lisibles par les LLM ». Un graphique interactif réalisé avec D3 ou Canvas est impressionnant, mais les robots d'indexation IA comme GPTBot, PerplexityBot ou ClaudeBot n'exécutent pas JavaScript — pour eux, ce graphique est une page blanche. Les graphiques que nous créons en HTML sémantique et SVG en ligne ont les données directement dans le code source, de sorte que les IA peuvent les lire et citer les données de première main de Taïwan dans six langues. Une visualisation lisible par les LLM, c'est une visualisation souveraine.
Les dix modules ci-dessous, du plus simple « un grand nombre » au « graphique linéaire multi-séries », sont présentés dans l'ordre. La syntaxe complète et les principes de conception se trouvent dans graph.md ; ici, on ne met qu'une phrase sur « ce que c'est et quand l'utiliser ».
Grand chiffre tw-figure
Le type le plus simple et le plus percutant : mettre un chiffre spectaculaire en très grand, avec un avant-après pour raconter une transformation. Idéal comme « statistique marteau-pilon » d'ouverture.
Groupe de statistiques tw-stat
Quand un paragraphe contient trois ou quatre chiffres clés en parallèle, plutôt que d'en faire une longue phrase, disposez-les en ligne de cartes pour que le lecteur les parcoure d'un coup d'œil.
Carte comparative tw-versus
Comparaison point par point de deux systèmes, deux positions, ou deux états successifs. Couleur chaude à gauche, couleur froide à droite, un « vs » au milieu, pour que les différences se lisent ligne par ligne.
Barres de proportion tw-bars
Comparaison ou classement de quelques catégories : la longueur des barres horizontales est automatiquement mise à l'échelle selon les valeurs, la valeur maximale occupant toute la largeur. N'oubliez pas d'ajouter une dernière ligne 來源： dans le module de données — elle sera automatiquement transformée en note de source en dessous.
資料來源：Plateforme d'information immobilière du Ministère de l'Intérieur, Centre de recherche immobilière de l'Université NCCU
Diagramme en carrés tw-waffle
Composition d'un tout en proportions partielles : cent cases représentent cent pour cent, ce qui est plus intuitif qu'un diagramme circulaire — on peut littéralement compter les cases. Convient aux données où « chaque catégorie représente combien » avec un total avoisinant 100.
資料來源：Statistiques sur le logement de la municipalité de Vienne (Stadt Wien)
Axe politique tw-timeline
Chronologie des moments clés d'un système ou d'une politique, reliés par une chronologie à nœuds. Notez qu'il s'agit d'un « support visuel » — c'est différent des sous-titres du texte principal qui ne peuvent pas être chronologiques (utiliser « En 1975… » comme titre).
Carte de citation tw-quote
Quand une phrase résume à elle seule la tension centrale de l'article, agrandissez-la en carte de citation. Les guillemets ne doivent pas être ajoutés manuellement — le module les ajoute. La citation doit être textuelle et vérifiable.
Une maison valant 30 millions de dollars taïwanais est devenue une maison valant 60 à 70 millions de dollars taïwanais… C'est voler les pauvres pour enrichir les riches, l'État dépense pour aider les riches à rénover leurs maisons
Bandeau de sources tw-source
Regroupez les sources de données d'une analyse en un discret chip, placé à côté du paragraphe. La crédibilité fait partie du travail de curation — les médias numériques taïwanais oublient souvent de citer leurs sources ; c'est un domaine où nous pouvons faire mieux.
Plateforme d'information immobilière du Ministère de l'Intérieur, Registre des transactions réelles, Centre de recherche immobilière de l'Université NCCU, Journal officiel du Parlement, Commission du logement de Hong Kong
Graphique linéaire tw-line
Pour les tendances sur quatre points temporels ou plus, les données sont tracées en graphique linéaire en SVG en ligne, avec les bornes de l'axe y indiquées pour que le lecteur voie l'étendue. Le point le plus crucial — il génère automatiquement un tableau de données masqué, permettant aux lecteurs d'écran et aux robots IA d'accéder aux données brutes. Le graphique est fait pour les humains, le tableau est fait pour les machines — les deux proviennent de la même source.
| Année | National |
|---|---|
| 2014 | 841 |
| 2016 | 932 |
| 2018 | 857 |
| 2020 | 920 |
| 2022 | 961 |
| 2024 | 1076 |
資料來源：Centre de recherche immobilière de l'Université NCCU, Plateforme d'information immobilière du Ministère de l'Intérieur
Carte thermique tw-heatmap
Comparative matricielle région×indicateur ou année×catégorie. Chaque colonne est normalisée individuellement en intensité de couleur — plus le chiffre est grand, plus la couleur est chaude. C'est intrinsèquement un tableau HTML, donc naturellement lisible par les IA — c'est aussi pourquoi une carte thermique vaut mieux qu'« une image colorée » dans notre système.
| Comté/Ville | Ratio prix du logement/revenu (multiples) | Taux de charge hypothécaire (%) |
|---|---|---|
| Taipei | 16,60 | 63,9 |
| Nouveau Taipei | 13,03 | 56,9 |
| Taichung | 11,11 | 48,0 |
| Taoyuan | 9,0 | 40,0 |
資料來源：Plateforme d'information immobilière du Ministère de l'Intérieur
Comment utiliser ces modules
Chaque module s'écrit dans le Markdown de l'article sous forme de bloc ```tw-*, avec des colonnes séparées par |, et est automatiquement converti en ce que vous voyez ci-dessus lors de la compilation — l'auteur n'a besoin d'écrire aucun HTML ni JavaScript. La syntaxe complète, les indications sur quand utiliser lequel, comment gérer les couleurs et les axes pour ne pas induire en erreur, ainsi que la liste de vérification de la visualisation avant publication, se trouvent dans graph.md.
Ce système s'inspire de la philosophie éditoriale du média de narration visuelle The Pudding — la question avant les données, la conclusion doit être claire, la citation des sources est protagoniste — mais il a évolué pour devenir un organe propre à Taiwan.md : statique, multilingue, lisible par les IA. Le contexte complet de la conception est documenté dans le Rapport de conception du système de visualisation d'articles.
Pour voir comment ces modules s'intègrent dans le récit d'un vrai article de fond, lisez Logements sociaux nationaux et justice du logement — la plupart des données de cette page proviennent des recherches de cet article.
Pour aller plus loin :
- Logements sociaux nationaux et justice du logement — L'histoire complète derrière ces données du logement : comment les logements sociaux sont passés de logements abordables à des ascenseurs patrimoniaux, source de données de la plupart des modules de cette page
- Logements sociaux et justice du logement — La voie des logements sociaux « locatifs uniquement » après 2016
- Crise de la dénatalité à Taïwan — Ne pas pouvoir acheter de logement et ne pas pouvoir avoir d'enfants : l'autre face de la justice intergénérationnelle
Références
Crédits des images
Cet article utilise 1 image sous licence Creative Commons, mise en cache dans public/article-images/society/ :
- Skyline résidentiel de Taipei (vue depuis le Xiangshan) — Photo : Heeheemalu, 2026, CC BY-SA 4.0 (hero)