30-Sekunden-Überblick: Diese Seite ist eine „Live-Beispiel“-Sammlung des Taiwan.md Visualisierungssystems — 19 verschiedene Artikel-Innenvisualisierungen, alle basierend auf echten Taiwan-Daten (Mietpreis-Verhältnis, staatlicher Wohnbau, Alterung, Volksabstimmungen, Pflegekräfte-Belastung, Parlamentssitze). Sie ist die praktische Ergänzung zum Redaktionshandbuch graph.md: graph.md erklärt, wann welches Modul verwendet wird, wie es gestaltet wird und wie die Syntax aussieht — diese Seite zeigt, wie es konkret aussieht. Jedes Modul wird rein mit HTML/SVG gerendert, sodass Menschen, Screenreader, Google und KI-Crawler dieselben Daten erfassen — genau das ist der Grund, warum wir statische Visualisierungen bevorzugen statt interaktiver Grafiken.
Wenn man einen Artikel über Zahlen schreibt, fürchtet man am meisten, dass die Daten wie eine Kette von Zahlenblöcken aussehen — der Leser schaltet ab, sobald er die dritte Prozentzahl sieht. Die Aufgabe der Visualisierung ist, „dichte Zahlentexte“ in „sofort lesbare Strukturen“ umzuwandeln.
Doch Taiwans Visualisierung hat eine Besonderheit, die andere nicht haben: Wir erstellen nur Visualisierungen, die auch LLMs verständlich sind. Ein interaktiver Chart mit D3 oder Canvas mag beeindruckend aussehen, aber GPTBot, PerplexityBot, ClaudeBot und andere KI-Crawler führen kein JavaScript aus — für sie ist ein solches Bild einfach leer. Unsere Grafiken aus semantischem HTML und Inline-SVG enthalten die Daten direkt im Quellcode, lesbar in sechs Sprachen — für Menschen, Screenreader und KI. Eine Visualisierung, die LLMs versteht, ist eine Visualisierung der Souveränität.
Die folgenden 19 Module zeigen alles von einfachen „Großzahlen“ bis zu „Stadt-Kacheln“ und „Sitzbögen“. Die vollständige Syntax und Designprinzipien sind in graph.md dokumentiert — hier nur kurz: „Was es ist, wann man es verwendet.“
Großzahl tw-figure
Einfach und kraftvoll: Eine dramatische Zahl in großem Format, dazu ein Vorher-Nachher-Vergleich. Ideal als „Sledgehammer-Statistik“ am Anfang eines Artikels.
Datenkarten tw-stat
Wenn ein Absatz drei bis vier nebeneinander stehende Schlüsselzahlen enthält, besser als Karten in einer Reihe anordnen — der Leser kann alles auf einen Blick erfassen.
Quelle: Pressemitteilung des Amt für Wohngeld der Regierung, Immobilieninformationsplattform des Innenministeriums
Redaktionsmodule mit Daten (Datenkarten, Vergleichskarten, Policy-Achsen) müssen genauso wie Grafikmodule eine Quelle:-Kennzeichnung tragen. Die Website-Überprüfung im Juli 2026 ergab: Alle Module mit automatischem Filter hatten eine 100%-ige Quellenkennzeichnung — die drei häufigsten Module ohne Filter hatten 40 % naked. Jetzt sind sie alle im viz-health-Filter integriert.
Vergleichskarte tw-versus
Zwei Systeme, zwei Positionen oder vor/nach Zustände nebeneinander — Farbe links warm, rechts kalt, in der Mitte ein „vs“, die Unterschiede Zeile für Zeile lesbar.
Quelle: Parlamentsprotokolle, Hongkonger Wohngesellschaftsrat
Balken tw-bars
Vergleich oder Ranking weniger Kategorien — horizontale Balken skalieren automatisch mit dem Wert, Maximum füllt die Breite. Denk an eine Quelle:-Zeile am Ende, die automatisch als Fußnote erscheint.
Quelle: Immobilieninformationsplattform des Innenministeriums, Immobilienforschungszentrum der Nationalen Normaluniversität
Waffle-Chart tw-waffle
Anteil eines Teils am Ganzen — 100 Kästchen entsprechen 100 %, intuitiver als Tortendiagramm. Du kannst die Kästchen wirklich zählen. Geeignet für Prozentangaben, die zusammen etwa 100 ergeben.
Quelle: Wien Stadt Wohnungsstatistik
Zeitachse tw-timeline
Wichtige Meilensteine von Gesetzen oder Politiken in chronologischer Reihenfolge. Dies ist eine visuelle Unterstützung — es darf nicht mit den Überschriften im Haupttext verwechselt werden (z. B. „1975 …“ als Überschrift).
Quelle: Parlamentsprotokolle, Pressemitteilung des Amt für Wohngeld der Regierung
Zitatkarte tw-quote
Wenn ein Satz die ganze Kernthematik eines Artikels trifft — vergrößern zur Zitatkarte. Die Anführungszeichen werden vom Modul automatisch hinzugefügt. Zitate müssen wörtlich und nachprüfbar sein.
Ein Haus für 30 Millionen, das jetzt 60–70 Millionen kostet … Reichtum für die Reichen, der Staat zahlt für diejenigen, die schon genug haben
Quellenleiste tw-source
Eine Gruppe von Datenquellen in einem dezenten Chip, platzierbar neben einem Absatz. Glaubwürdigkeit ist Teil des Designs — taiwanesische digitale Medien vergessen oft die Quellenangabe, das ist ein Unterschied, den wir anders machen können.
Immobilieninformationsplattform des Innenministeriums, registrierte Immobilienverkäufe, Immobilienforschungszentrum der Nationalen Normaluniversität, Parlamentsprotokolle, Hongkonger Wohngesellschaftsrat
Erläuterungsbox tw-note
Die Glaubwürdigkeit eines Datenartikels hängt zur Hälfte davon ab, „wie man die Zahlen berechnet hat“. Journalisten nutzen [Erläuterung]-Blöcke für Berechnungsmethoden und (Anmerkungen) für Korrekturen — wir haben dieses Prinzip als Modul umgesetzt. Die erste Zeile beginnt mit Erläuterung / Methode / Anmerkung / Korrektur / Aktualisierung, jede weitere Zeile ist ein Absatz.
Liniendiagramm tw-line
Mindestens vier Zeitpunkte für Trends — gezeichnet mit Inline-SVG, y-Achse mit Min/Max-Werten sichtbar. Wichtig: es wird automatisch eine versteckte Tabelle generiert, die Screenreader und KI-Crawler lesen können. Das Bild ist für Menschen, die Text für Maschinen — beides aus derselben Quelle.
| Jahr | Nationaldurchschnitt |
|---|---|
| 2014 | 841 |
| 2016 | 932 |
| 2018 | 857 |
| 2020 | 920 |
| 2022 | 961 |
| 2024 | 1076 |
| Basis: 2014 Startwert | 841 |
Quelle: Immobilienforschungszentrum der Nationalen Normaluniversität, Immobilieninformationsplattform des Innenministeriums
Liniendiagramme unterstützen auch Referenzlinien: eine Zeile Referenz: Beschriftung | Wert erzeugt eine gestrichelte Linie ohne Endpunkte, nur mit Beschriftung — visuell klar von den tatsächlichen Daten getrennt. Der Leser verwechselt keine feste Schwelle mit gemessenen Werten.
Slope-Graph tw-slope
Bei nur zwei Zeitpunkten verschwendet ein Liniendiagramm den leeren Raum dazwischen. Der Slope-Graph verbindnet direkt die beiden Enden — die Steigung sagt alles: wer stärker angestiegen ist, wer eingeholt hat. Mit * am Zeilenanfang kann man eine Zeile hervorheben, der Rest wird grau zur Kontextualisierung.
| 2014 | 2024 | |
|---|---|---|
| Nationaldurchschnitt | 8,41 | 10,76 |
| Taipeh | 12,0 | 16,60 |
Quelle: Immobilieninformationsplattform des Innenministeriums, Immobilienforschungszentrum der Nationalen Normaluniversität
Heatmap tw-heatmap
Matrixvergleich: Region × Indikator oder Jahr × Kategorie. Jede Spalte wird normalisiert auf Farbskala — je höher der Wert, desto wärmer die Farbe. Da es selbst eine HTML-Tabelle ist, ist es von Natur aus KI-lesbar — genau deshalb ist das Heatmap-Modul in unserem System besser als „einfarbiges Bild“.
| Stadt | Immobilienpreis-Verhältnis (fach) | Hypothekenbelastungsquote (%) |
|---|---|---|
| Taipeh | 16,60 | 63,9 |
| Xinbei | 13,03 | 56,9 |
| Taichung | 11,11 | 48,0 |
| Taoyuan | 9,0 | 40,0 |
Quelle: Immobilieninformationsplattform des Innenministeriums
Punktdiagramm tw-dot
Balken zeigen „Menge“, Punktdiagramme zeigen „Verteilung“: Alle Punkte liegen auf derselben Skala — du siehst, wer dicht beieinander liegt, wer Ausreißer ist. Eine Zeile = Dot-Strip; zwei Werte zeichnen eine Linie von „hier nach dort“; drei Werte (Schätzung | Untergrenze | Obergrenze) ergeben ein Meinungsforschungsdiagramm mit Konfidenzband. ±3 % Stichprobenfehler darf nicht verschwinden — besonders in Wahlen. * funktioniert genauso zur Hervorhebung.
Quelle: Bevölkerungsstatistik des Innenministeriums, 31. Dezember 2025
Stapeldiagramm tw-stack
Waffle eignet sich für „Gesamtheit einer Sache“; Stapeldiagramm eignet sich für „Vergleich mehrerer Sätze“ — jede Zeile wird automatisch auf 100 % normalisiert, bei genügend Breite erscheinen die Werte direkt im farbigen Block.
| Volksabstimmung | Ja | Nein |
|---|---|---|
| 2018 Atomstrom statt Atomstrom | 59 | 41 |
| 2021 Atomkraftwerk 4 wieder starten | 47 | 53 |
| 2025 Atomkraftwerk 3 weiterlaufen lassen | 74 | 26 |
Quelle: Offizielle Ergebnisse der drei Volksabstimmungen des Zentralwahlrats
Bevölkerungspyramide tw-pyramid
Rückwärts aufgestellte Balken — zwei Gruppen gegenüber, gemeinsame Beschriftung in der Mitte. Klassisches Bevölkerungsdiagramm. Hier zeigt es die „Kopf-lastigen“ sechs Städte: Links Kinder, rechts Senioren — ein Blick vergleicht die Altersstruktur.
Quelle: Bevölkerungsstatistik des Innenministeriums, 31. Dezember 2025; Anteil junger Menschen abgeleitet aus Alterungsrate ÷ Alterungsindex × 100
Stadt-Kacheln tw-tiles
Zwei alte Probleme bei Taiwan-Karten: Hualien und Taitung sind so groß, dass sie visuell dominieren; KI-generierte Taiwan-Formen sehen oft wie „Oliven- oder Kartoffelform“ aus. Kacheln platzieren 22 Städte in gleich großen Kästern (Layout ist im System festcodiert, Positionen entsprechen der Realität), jede Kachel ist gleich schwer, Zahlen direkt darauf. Die Form ist immer korrekt — weil sie gar keine Form hat.
Nicht zugeordnete Kreise: Taibei、Xinbei、Hsinchu、Chiayi
| Kreis oder Stadt | Wert |
|---|---|
| 桃園 | 16,72 |
| 台中 | 17,40 |
| 台南 | 20,48 |
| 高雄 | 20,79 |
| 基隆 | 22,28 |
| 新竹縣 | 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 |
Quelle: Bevölkerungsstatistik des Innenministeriums, 31. Dezember 2025
Symbol-Diagramm tw-iso
„174.891 Haushalte“ ist eine Zahl, die man vergisst — aber neun Kreise, die man mit den Fingern zählen kann, nicht. Symbol-Diagramme übersetzen große Zahlen in zählbare Einheiten: „Ein Symbol = Wie viele“. Dies ist die Philosophie, die Journalisten beim Schreiben über industrielle Fischerei entwickelt haben: Große, unverständliche Zahlen in verständliche Einheiten übersetzen. Symbole nur als ganze Zahlen (keine halben), genauer Wert daneben.
● ≈ 1
Quelle: Pressemitteilung des Amt für Wohngeld der Regierung
Sitzbogen tw-arc
Parlamentarische Sitze haben ihr eigenes Diagramm: Halbkreis mit Punkten — eine Sitz = ein Punkt, Parteien in Reihenfolge angeordnet. Kreisdiagramme vergleichen Winkel (was Augen schlecht wahrnehmen); Sitzbögen lassen dich direkt zählen, die Mehrheitslinie ist genau dort, wo sie hingehört. Hier: 2024 Parlamentswahlen, 113 Sitze, drei Parteien ohne Mehrheit — die gestrichelte Linie ist der Startpunkt der späteren Massenentfernung. Hinweis: Es ist ein Parlamentsdiagramm — für „ein Kandidat pro Wahlkreis“-Wahlen wie Bürgermeister, nutze die Stadt-Kacheln unten.
| Wert | |
|---|---|
| Kuomintang | 52 |
| Demokratische Fortschrittspartei | 51 |
| Taiwan Volkspartei | 8 |
| Ohne Parteizugehörigkeit | 2 |
Quelle: Zentraler Wahlsrat
Kleinskaliertes Raster tw-multiples
Ein Diagramm mit fünf Linien verpackt — die Linien verheddern wie Spaghetti. Kleinskaliges Raster packt jede Linie in ein eigenes Kästchen — alle Kästchen teilen sich dieselbe Skala, sodass Formen verglichen werden können. Hier: drei Schichten der Pflegekräftebelastung — das Heatmap oben gibt dir die genaue Matrix, das kleine Raster zeigt: „Jede Schicht steigt in die Nacht, die Grundschicht am stärksten.“ Dieselben Daten, andere Frage — anderes Diagramm.
| Wert | ||
|---|---|---|
| Medizinisches Zentrum | Tag | 6 |
| Medizinisches Zentrum | Nachtdienst | 9 |
| Medizinisches Zentrum | Schicht | 11 |
| Regionales Krankenhaus | Tag | 7 |
| Regionales Krankenhaus | Nachtdienst | 11 |
| Regionales Krankenhaus | Schicht | 13 |
| Kleines Krankenhaus | Tag | 10 |
| Kleines Krankenhaus | Nachtdienst | 13 |
| Kleines Krankenhaus | Schicht | 15 |
Quelle: Ministerium für Gesundheit und Soziales, Standard für Pflegekräftebelastung 2024
Wie man diese Module verwendet
Jedes Modul ist ein ```tw-* Block im Markdown des Artikels, Spalten durch | getrennt — beim Erstellen wird es automatisch in das oben gezeigte Format umgewandelt. Autoren müssen kein HTML oder JavaScript schreiben. Die vollständige Syntax, wann welches Modul verwendet wird, wie man Farben und Achsen richtig gestaltet (ohne irreführend zu sein) und die Checkliste vor Veröffentlichung — alles ist in graph.md.
Unser System orientiert sich an der redaktionellen Philosophie von The Pudding — Fragen zuerst, klare Schlüsse, Quellen im Fokus — aber angepasst an Taiwan.md: statisch, mehrsprachig, KI-lesbar. Der vollständige Design-Kontext steht in Bericht über das Visualisierungssystem.
Um zu sehen, wie diese Module in einem echten Tiefenartikel eingesetzt werden, lies Staatlicher Wohnbau und Wohngerechtigkeit — die meisten Zahlen auf dieser Seite stammen aus dieser Analyse.
Das System entwickelt sich weiter
Diese Seite ist das Ergebnis der dritten Iteration. Da es eine Seite über Zeitleisten ist, erzählen wir unsere eigene Geschichte mit dem Policy-Achsen-Modul:
Quelle: Taiwan.md Bericht über Design und Entwicklung des Visualisierungssystems (Juni–Juli 2026, auf GitHub veröffentlicht)
Der Schwerpunkt der dritten Iteration ist nicht neue Diagramme, sondern eine ehrliche Selbstprüfung. Die Website-Überprüfung ergab: Alle Module mit automatischem Filter hatten 100 % Quellenkennzeichnung — die drei häufigsten Module ohne Filter hatten 40 % naked. Die Regeln standen zwei Monate im Redaktionshandbuch, das Verhalten folgte jedoch vollständig dem Aussehen der Instrumente — daher wurden die Instrumente erweitert, bis sie der Regel entsprachen. In derselben Runde wurde auch entdeckt, dass Systemzeichenketten auf englischen, japanischen und koreanischen Seiten immer als Chinesisch gerendert wurden — sogar ein vereinfachtes Chinesisch-Zeichen war in Barrierefreiheitsbeschriftungen unsichtbar geblieben. Für ein System, das behauptet, „Taiwan-Daten in sechs Sprachen für LLMs lesbar zu machen“, sind diese Ecken wichtiger als neue Funktionen.
Neuere Forschung hat diesen Ansatz bestätigt: Die Genauigkeit, mit der multimodale KI Diagrammzahlen aus Bildern rekonstruiert, ist begrenzt — Textknoten sind das, was Maschinen wirklich stabil lesen können. Genau deshalb stehen Zahlen direkt auf den Kacheln und jede Grafik hat eine versteckte Tabelle. Der vollständige Forschungsprozess und die Designentscheidungen sind in Visuelle Systeme v3.0: Forschung und Implementierung dokumentiert.
Weiterführende Literatur:
- Staatlicher Wohnbau und Wohngerechtigkeit — Die vollständige Geschichte hinter diesen Wohndaten: Wie staatlicher Wohnbau von günstigen Wohnungen zu einer Rendite-Maschine wurde. Die meisten Zahlen auf dieser Seite stammen von dort.
- Taiwan-Daten: 22 Städte im Vergleich — Alle Alterungsdaten in Punktdiagrammen, Pyramiden und Stadtkacheln stammen aus der vollständigen Analyse dieser 22 Städte.
- Taiwan und Atomenergie — Die vollständige Geschichte der drei Atomkraft-Volksabstimmungen: Debatten gewonnen, System verloren.
- Gesundheitsreform — Die vollständige Geschichte der drei Schichten der Pflegekräftebelastung: Was das Gesetz schreiben kann, was es nicht schreiben kann.
- Massenentfernung — Was nach der gestrichelten Mehrheitslinie im Sitzbogen geschah: Wie das Parlament ohne Mehrheit zu 31 Entfernungsfällen kam.
- Taiwan-Krise der Geburtenrate — Wo man ein Haus nicht mehr kauft und kein Kind mehr bekommt: Die andere Seite der Generationengerechtigkeit.
Bildnachweise
Dieser Artikel verwendet 1 Bild unter Creative Commons-Lizenz, im Cache unter public/article-images/society/:
- Taipeher Wohnturm-Horizont (von Xiulin Berg) — Foto: Heeheemalu, 2026, CC BY-SA 4.0 (Hero-Bild)
Quellenangaben
🧬 Was Semiont beim Schreiben dieses Artikels dachte