Vue d’ensemble en 30 secondes : cette page est le « exemple vivant » du système de visualisation de Taiwan.md — elle rend chaque l’un des dix‑sept modules de visualisation d’articles une fois, en utilisant des données réelles de Taïwan (ratio prix du logement/revenu, logements publics, vieillissement, référendums). Elle accompagne le guide d’édition graph.md : graph.md explique « quand utiliser quoi, comment le faire correctement, quelle syntaxe employer », cette page vous montre directement « à quoi cela ressemble ». Chaque module est rendu en HTML/SVG pur, de sorte que les personnes, les lecteurs d’écran, Google et les IA peuvent lire les mêmes données — c’est la raison pour laquelle nous privilégions les visualisations statiques aux graphiques interactifs.
Lorsque l’on rédige un article axé sur les chiffres, le pire est de transformer les données en une succession de nombres empilés, ce qui fait que le lecteur se désengage dès le troisième pourcentage. Le travail de visualisation consiste à transformer « un texte dense en chiffres » en « une structure lisible d’un seul coup d’œil ».
Mais la visualisation de Taiwan.md suit une discipline que les autres n’ont pas : nous ne créons que des visualisations « compréhensibles par les LLM ». Un graphique interactif réalisé avec D3 ou Canvas est impressionnant, mais les IA comme GPTBot, PerplexityBot ou ClaudeBot n’exécutent pas de JavaScript ; pour elles, ce graphique est une page blanche. En revanche, nos graphiques construits avec du HTML sémantique et du SVG en ligne contiennent les données dans le code source, accessibles aux IA dans les six langues supportées. Une visualisation lisible par les LLM est une visualisation souveraine.
Les dix‑sept modules ci‑dessous, du plus simple « un grand nombre » au « carte en briques des comtés », sont présentés dans cet ordre. La version complète de la syntaxe et des principes de conception se trouve dans graph.md ; ici nous ne donnons qu’une phrase « qu’est‑ce que c’est, quand l’utiliser ».
Grand nombre de données tw-figure
Le type le plus simple et le plus percutant : mettre un chiffre marquant en grand, avec un contraste avant‑après pour illustrer une transformation. Idéal comme « statistique marteau ».
Ensemble de données tw-stat
Lorsqu’un paragraphe contient trois ou quatre chiffres clés, il vaut mieux les disposer en rangée de cartes plutôt que de les entasser dans une longue phrase.
Carte comparative tw-versus
Deux systèmes, deux positions, ou deux états successifs comparés point par point. Couleur chaude à gauche, froide à droite, avec un « vs » central, pour lire les différences ligne par ligne.
Barres proportionnelles tw-bars
Comparaison ou classement de quelques catégories ; la longueur des barres horizontales s’ajuste automatiquement aux valeurs, la plus grande remplissant la largeur. N’oubliez pas d’ajouter une ligne 來源： à la fin ; elle sera transformée en annotation de source.
資料來源：內政部不動產資訊平台、政大不動產研究中心
Diagramme en grille tw-waffle
Proportion d’une partie par rapport au tout ; cent cases représentent cent pour cent, plus intuitif qu’un camembert — vous pouvez réellement compter les cases. Idéal pour des données dont la somme s’approche de 100 %.
資料來源：維也納市政府（Stadt Wien）住宅統計
Axe de politique tw-timeline
Points clés d’un système ou d’une politique présentés sur une frise chronologique. Il s’agit d’un « aide visuelle », distinct des titres de section qui ne doivent pas être chronologiques.
Carte de citation tw-quote
Quand une phrase résume la tension centrale de tout l’article, on l’amplifie en carte de citation. Le module ajoute les guillemets ; la citation doit être littérale et vérifiable.
市價 3000 萬元的房子，變成 6000 至 7000 萬元的房子……劫貧濟富，國家出錢幫有錢人改建房子
Bande source tw-source
Regroupe les sources d’une analyse en une petite puce discrète placée à côté du paragraphe. La crédibilité fait partie de la curation — les médias numériques taïwanais oublient souvent de citer leurs sources, ce que nous pouvons corriger.
內政部不動產資訊平台、實價登錄、政大不動產研究中心、立法院公報、香港房屋委員會
Boîte explicative tw-note
La crédibilité d’un article de données repose en partie sur « comment le calcul a été fait ». Les journalistes utilisent des blocs « explication » pour détailler les méthodes, les notes de bas de page pour les corrections. Le module suit cette convention : la première ligne indique 說明/方法/註/更正/更新, chaque ligne suivante forme un paragraphe autonome.
Graphique en ligne tw-line
Pour plus de quatre points temporels, on utilise une courbe tracée en SVG ; les limites supérieure et inférieure de l’axe y sont affichées pour que le lecteur perçoive l’amplitude. Le point crucial : le module génère automatiquement un tableau de données caché, lisible par les lecteurs d’écran et les IA. Le graphique sert aux humains, le tableau aux machines, les deux étant identiques en contenu.
| 年 | 全國 |
|---|---|
| 2014 | 8.41 |
| 2016 | 9.32 |
| 2018 | 8.57 |
| 2020 | 9.2 |
| 2022 | 9.61 |
| 2024 | 10.76 |
資料來源：政大不動產研究中心、內政部不動產資訊平台
Les graphiques en ligne supportent aussi des lignes de référence : ajoutez une ligne 基準：標籤 | 值 qui sera dessinée en pointillé, sans point d’ancrage, uniquement avec une étiquette, afin de ne pas confondre une valeur fixe avec les données mesurées.
Diagramme de pente tw-slope
Lorsque l’on ne dispose que de « deux points temporels », le graphique en ligne gaspille l’espace intermédiaire. Le diagramme de pente relie directement les deux extrémités, montrant qui a augmenté le plus rapidement. Un * devant une ligne la met en évidence, les autres s’estompent.
| 2014 | 2024 | |
|---|---|---|
| 全國 | 8.41 | 10.76 |
| 台北 | 12.0 | 16.60 |
資料來源：內政部不動產資訊平台、政大不動產研究中心
Carte thermique tw-heatmap
Matrice région × indicateur ou année × catégorie. Chaque colonne est normalisée en intensité de couleur ; plus le nombre est grand, plus la teinte est chaude. C’est intrinsèquement un tableau HTML, donc immédiatement lisible par les IA — c’est pourquoi les cartes thermiques sont préférées aux images colorées.
| 縣市 | 房價所得比（倍） | 房貸負擔率（%） |
|---|---|---|
| 台北 | 16.60 | 63.9 |
| 新北 | 13.03 | 56.9 |
| 台中 | 11.11 | 48.0 |
| 桃園 | 9.0 | 40.0 |
資料來源：內政部不動產資訊平台
Diagramme à points tw-dot
Les diagrammes à barres montrent la « quantité », le diagramme à points montre la « distribution » : chaque point représente une valeur, vous voyez qui se regroupe et qui est isolé. Une ligne unique donne une valeur, deux valeurs créent un intervalle. Le * fonctionne de la même façon.
資料來源：內政部戶政司，2025 年底
Barres empilées tw-stack
Le diagramme en grille convient à la composition d’un tout ; les barres empilées conviennent à la comparaison de plusieurs ensembles — chaque rangée est normalisée à 100 %, et si l’espace le permet les valeurs sont affichées directement dans les blocs colorés.
| 公投 | 同意 | 不同意 |
|---|---|---|
| 2018 以核養綠 | 59 | 41 |
| 2021 重啟核四 | 47 | 53 |
| 2025 核三延役 | 74 | 26 |
資料來源：中央選舉委員會三場公投官方審定結果
Pyramide tw-pyramid
Barres symétriques dos à dos, chacune représentant un camp, avec une étiquette centrale — le classique diagramme démographique. Ici il montre, pour six comtés, la proportion d’enfants versus celle des personnes âgées : à gauche les jeunes, à droite les aînés, la comparaison rend le vieillissement plus concret qu’un simple pourcentage.
資料來源：內政部戶政司 2025 年底；幼年占比由高齡化率 ÷ 老化指數 × 100 推算
Carte en briques des comtés tw-tiles
Les cartes choroplèthes de Taïwan posent deux problèmes : Hualien et Taitung sont si vastes qu’ils dominent visuellement, et les IA dessinent souvent la forme de Taïwan comme « entre une olive et une pomme de terre ». La carte en briques place les 22 comtés dans des carrés de même taille (disposition codée dans le système selon la position réelle), chaque brique a le même poids visuel, le chiffre est inscrit directement sur la brique. La forme est toujours correcte, car aucune forme géographique n’est dessinée.
| 縣市 | 數值 |
|---|---|
| 台北 | 24.18 |
| 新北 | 19.95 |
| 桃園 | 16.72 |
| 台中 | 17.40 |
| 台南 | 20.48 |
| 高雄 | 20.79 |
| 基隆 | 22.28 |
| 新竹市 | 16.16 |
| 嘉義市 | 19.90 |
| 新竹縣 | 15.08 |
| 苗栗 | 20.23 |
| 彰化 | 20.37 |
| 南投 | 22.66 |
| 雲林 | 21.76 |
| 嘉義縣 | 24.11 |
| 屏東 | 21.84 |
| 宜蘭 | 20.77 |
| 花蓮 | 21.52 |
| 台東 | 20.93 |
| 澎湖 | 21.03 |
| 金門 | 19.69 |
| 連江 | 17.14 |
資料來源：內政部戶政司，2025 年底
Diagramme d’unité tw-iso
« 174 891 foyers » est un nombre difficile à appréhender ; neuf points que l’on peut compter avec les doigts le sont beaucoup plus. Le diagramme d’unité transforme un grand nombre en « un symbole = quantité », méthode utilisée dans les reportages sur la pêche hauturière : il rend le chiffre abstrait tangible. Le symbole reste entier (pas de demi‑symbole) et la valeur exacte est indiquée à côté.
● ≈ 20,000 戶
資料來源：行政院廢止國民住宅條例新聞稿
Comment utiliser ces modules
Chaque module s’insère dans le Markdown d’un article sous la forme d’un bloc tw-* avec des colonnes séparées par |. Lors de la génération, le bloc est automatiquement transformé en la visualisation affichée ci‑dessus — l’auteur n’a pas besoin d’écrire du HTML ou du JavaScript. La syntaxe complète, les moments propices à chaque type, les palettes de couleurs et les réglages d’axes pour éviter les mauvaises interprétations, ainsi que la checklist de vérification visuelle avant publication, se trouvent dans graph.md.
Ce système s’inspire de la philosophie éditoriale de The Pudding — le problème précède les données, la conclusion doit être claire, la citation est le protagoniste — mais il a évolué pour devenir l’organe propre à Taiwan.md : statique, multilingue, lisible par l’IA. Le contexte complet de conception est détaillé dans le rapport du système de visualisation d’articles.
Pour voir comment ces modules s’intègrent dans un article approfondi, consultez Logements publics et justice du logement — la plupart des données de cette page proviennent de cette étude.
Lectures complémentaires :
- Logements publics et justice du logement — l’histoire complète derrière ces données : comment les logements publics sont passés d’un logement bon marché à un ascenseur d’actifs, source de la majorité des modules.
- Voir les données de Taïwan : 22 comtés — les données de vieillissement utilisées dans les diagrammes à points, pyramides et cartes en briques proviennent de cette analyse complète.
- Taïwan et le débat sur le nucléaire — le contexte complet des trois référendums présentés dans le diagramme à barres empilées.
- Logements sociaux et justice du logement — la trajectoire « location uniquement » après 2016.
- Crise de la faible natalité à Taïwan — l’impossibilité d’acheter un logement et le manque de naissances, une autre facette de la justice intergénérationnelle.
Références
Sources d’images
Cette page utilise une image sous licence CC BY‑SA 4.0, stockée dans public/article-images/society/ :
- Silhouette résidentielle de Taipei (vue depuis Xiangshan) — Photo : Heeheemalu, 2026, CC BY‑SA 4.0 (hero)