Resumen en 30 segundos: Esta página es un «ejemplo vivo» del sistema de visualización de Taiwan.md: renderiza cada uno de los diecinueve módulos visuales utilizados en los artículos, todos con datos reales de Taiwán (relación precio-ingresos, vivienda social, envejecimiento, referéndums, ratio enfermera-paciente, escaños parlamentarios). Es el complemento de la guía de edición graph.md: mientras que graph.md explica «cuándo usar cada uno, cómo hacerlo bien y cómo escribir la sintaxis», esta página te permite ver directamente «cómo quedan». Cada módulo se renderiza mediante HTML/SVG puro, por lo que las personas, los lectores de pantalla, Google y los rastreadores de IA pueden leer exactamente los mismos datos; esta es la razón por la que elegimos la visualización estática en lugar de gráficos interactivos.
Al escribir un artículo sobre cifras, el mayor temor es presentar los datos como una pila de números consecutivos, donde el lector pierde la atención al llegar al tercer porcentaje. La labor de la visualización es transformar «un prosa densa de números» en una «estructura legible de un vistazo».
Sin embargo, la visualización de Taiwan.md tiene una disciplina que otros no poseen: solo realizamos visualizaciones que «también sean comprensibles para los LLM». Un gráfico interactivo hecho con D3 o Canvas puede ser impresionante, pero los rastreadores de IA como GPTBot, PerplexityBot o ClaudeBot no ejecutan JavaScript; para ellos, ese gráfico es un espacio en blanco. En cambio, nuestros gráficos hechos con HTML semántico y SVG integrado contienen los datos directamente en el código fuente, permitiendo que la IA lea y cite los datos en primera persona de Taiwán en seis idiomas. Visualizar para que los LLM lo entiendan es visualizar la soberanía.
A continuación se presentan los diecinueve módulos, desde el más simple «un número grande» hasta el «mapa de teselas por condado» y el «arco de escaños», presentados en orden. La versión completa de la sintaxis y los principios de diseño se encuentra en graph.md; aquí solo incluimos una breve descripción de «qué es y cuándo usarlo».
Gran cifra tw-figure
La más simple y potente: presentar un número dramático en gran tamaño para mostrar una transformación mediante el contraste. Ideal como un «dato contundente» (sledgehammer stat) para abrir un tema.
Grupo de datos tw-stat
Cuando un párrafo contiene tres o cuatro cifras clave paralelas, en lugar de escribir una frase larga, es mejor organizarlas en una fila de tarjetas para que el lector las escanee rápidamente.
Fuente: Comunicado del Ejecutivo sobre la abolición de la Ley de Vivienda Nacional, Plataforma de Información Inmobiliaria del Ministerio del Interior
Los módulos de edición que contienen datos (grupos de datos, tarjetas de comparación, ejes de política) deben incluir Fuente: al igual que los módulos gráficos. En una auditoría de todo el sitio en julio de 2026, se descubrió que los módulos supervisados por la puerta automática tenían un 100% de tasa de atribución de fuentes; sin embargo, los tres módulos de alta frecuencia no supervisados presentaban un 40% de omisiones. Ahora también han sido integrados en el control viz-health.
Tarjeta de comparación tw-versus
Comparación punto por punto entre dos sistemas, dos posturas o dos estados temporales. Color cálido a la izquierda, color frío a la derecha, con un «vs» en el centro para leer las diferencias línea por línea.
Fuente: Boletín de la Legislatura, Comisión de Vivienda de Hong Kong
Barra de proporciones tw-bars
Comparación de valores o rankings para pocas categorías. La longitud de las barras horizontales se escala automáticamente según el valor, expandiéndose hasta el máximo. Recuerda añadir una fila de Fuente: al final del módulo de datos; esto se convertirá automáticamente en la nota de fuente inferior.
Fuente: Plataforma de Información Inmobiliaria del Ministerio del Interior, Centro de Investigación Inmobiliaria de la Universidad de Política Nacional
Gráfico de cuadrícula tw-waffle
Composición de una parte respecto al todo. Cien cuadros representan el 100%, lo cual es más intuitivo que un gráfico de sectores: puedes contar los cuadros físicamente. Ideal para datos donde las categorías suman aproximadamente 100%.
Fuente: Estadísticas de vivienda de la ciudad de Viena (Stadt Wien)
Eje de política tw-timeline
Contexto de hitos clave en sistemas o políticas, conectados mediante una línea de tiempo de nodos. Nota: esto es un «auxilio visual»; no debe confundirse con el uso de cronologías como subtítulos del cuerpo del texto (ej. «En 1l975...»).
Fuente: Boletín de la Legislación, Comunicado del Ejecutivo sobre la abolición de la Ley de Vivienda Nacional
Tarjeta de cita tw-quote
Cuando una sola frase representa la tensión central de todo un artículo, amplifícala en una tarjeta de cita. No es necesario añadir comillas manualmente; el módulo las incluye. Las citas deben ser literales y verificables.
Una casa con valor de mercado de 30 millones se convierte en una de 60 a 70 millones... robando a los pobres para beneficiar a los ricos, usando dinero estatal para ayudar a los ricos a remodelar sus casas.
Barra de fuente tw-source
Concentra las fuentes de un análisis en una etiqueta (chip) discreta junto al párrafo. La credibilidad es parte de la curaduría; los medios digitales en Taiwán suelen olvidar citar sus fuentes, y este es un lugar donde podemos marcar la diferencia.
Plataforma de Información Inmobiliaria del Ministerio del Interior, Registro de Precios Reales, Centro de Investigación Inmobiliaria de la Universidad de Política Nacional, Boletín de la Legislatura, Comisión de Vivienda de Hong Kong
Caja de notas tw-note
La credibilidad de un artículo de datos reside en un 50% en «cómo hiciste el cálculo». Los reporteros de periodismo de datos usan bloques de 【Nota】 para explicar metodologías o (Nota) para correcciones; nosotros convertimos esta convención en un módulo. La primera fila debe ser una de estas: Nota/Método/Nota aclaratoria/Corrección/Actualización, y cada fila posterior es un párrafo independiente.
Gráfico de líneas tw-line
Tendencias de cuatro o más puntos temporales, dibujadas como líneas mediante SVG integrado. Los límites superior e inferior del eje Y se muestran para que el lector vea el rango. Lo más importante es que genera automáticamente una tabla oculta para que los lectores de pantalla y los rastreadores de IA accedan a los datos originales. El gráfico es para humanos, la tabla es para máquinas; ambos comparten el mismo origen.
| Año | Nacional |
|---|---|
| 2014 | 8.41 |
| 2016 | 9.32 |
| 2018 | 8.57 |
| 2020 | 9.2 |
| 2022 | 9.61 |
| 2024 | 10.76 |
| Base: Inicio en 2014 | 8.41 |
Fuente: Centro de Investigación Inmobiliaria de la Universidad de Política Nacional, Plataforma de Información Inmobiliaria del Ministerio del Interior
El gráfico de líneas también admite una línea base: al añadir una fila Base: etiqueta | valor, se dibuja como una línea discontinua sin extremos, solo con una etiqueta, visualmente separada de la serie medida. Así, el lector no confundirá un umbral fijo con un dato medido.
Gráfico de pendiente tw-slope
Cuando solo tienes «dos puntos temporales», el gráfico de líneas desperdicia el espacio intermedio. El gráfico de pendiente permite que la inclinación de la línea entre ambos puntos hable por sí sola, mostrando quién subió más o quién superó a quién de un vistazo. Añadir un * al inicio de una etiqueta permite enfatizar una fila; las demás se atenúan automáticamente para servir de contexto.
| 2014 | 2024 | |
|---|---|---|
| Nacional | 8.41 | 10.76 |
| Taipéi | 12.0 | 16.60 |
Fuente: Plataforma de Información Inmobiliaria del Ministerio del Interior, Centro de Investigación Inmobiliaria de la Universidad de Política Nacional
Mapa de calor tw-heatmap
Comparación matricial de Región × Indicador, o Año × Categoría. Cada columna se normaliza según la intensidad del color; cuanto mayor es el número, más cálido es el tono. Es intrínsecamente una tabla HTML, por lo que es legible para la IA, razón por la cual este módulo es superior a «una simple imagen en color» en nuestro sistema.
| Ciudad/Condado | Relación precio-ingresos (veces) | Tasa de carga hipotecaria (%) |
|---|---|---|
| Taipéi | 16.60 | 63.9 |
| Nuevo Taipéi | 13.03 | 56.9 |
| Taichung | 11.11 | 48.0 |
| Taoyuan | 9.0 | 40.0 |
Fuente: Plataforma de Información Inmobiliaria del Ministerio del Interior
Gráfico de puntos tw-dot
El gráfico de barras mide «cantidad»; el gráfico de puntos muestra «distribución». Todos los puntos caen en la misma escala, permitiendo ver quién está agrupado y quién es un valor atípico. Una fila con un solo valor es un dot strip; dos valores dibujan un intervalo «de aquí a allá»; tres valores (Estimación | Límite inferior | Límite superior) crean una estimación de encuesta con su margen de error. Un error de muestreo del ±3% no debe ignorarse; esta es la forma más honesta de presentar datos en años electorales. El * también puede usarse para enfatizar.
Fuente: Dirección de Registro Civil del Ministerio del Interior, finales de 2025
Barras apiladas tw-stack
El gráfico de cuadrícula es ideal para la composición de «un todo»; las barras apiladas son ideales para comparar composiciones entre varias filas. Cada fila se normaliza automáticamente al 100%; si el párrafo es lo suficientemente ancho, los valores se mostrarán directamente dentro de los bloques de color.
| Referéndum | A favor | En contra |
|---|---|---|
| 201 | 59 | 41 |
| 2021 | 47 | 53 |
| 2025 | 74 | 26 |
Fuente: Resultados oficiales de la Comisión Central de Elecciones, Comisión Electoral Central
Pirámide tw-pyramid
Barras espalda con espalda, con un grupo a cada lado y etiquetas compartidas en el centro; es el gráfico demográfico clásico. Aquí lo usamos para ver el «desequilibrio» en seis ciudades/condados: a la izquierda los niños, a la derecha los ancianos; al compararlos, el envejecimiento deja de ser un porcentaje abstracto.
Fuente: Dirección de Registro Civil del Ministerio del Interior, finales de 2025; la proporción infantil se calcula como (tasa de envejecimiento ÷ índice de envejecimiento) × 100
Mapa de teselas tw-tiles
Los mapas coropléticos de Taiwán tienen dos problemas antiguos: el área de Hualien y Taitung es tan grande que domina visualmente, y la forma de Taiwán dibujada por IA suele parecer «una mezcla entre oliva y patata». El mapa de teselas organiza los 22 condados y ciudades en bloques de igual tamaño (la disposición está fija en el sistema según su posición real), cada bloque tiene el mismo peso y los números se escriben directamente sobre ellos. La forma siempre es correcta porque no dibujamos formas.
Condados sin correspondencia: Taipéi、Nuevo Taipéi、Hsinchu、Chiayi、Condado de Hsinchu、Condado de Chiayi
| Ciudad o condado | Valor |
|---|---|
| 桃園 | 16.72 |
| 台中 | 17.40 |
| 台南 | 20.48 |
| 高雄 | 20.79 |
| 基隆 | 22.28 |
| 苗栗 | 20.23 |
| 彰化 | 20.37 |
| 南投 | 22.66 |
| 雲林 | 21.76 |
| 屏東 | 21.84 |
| 宜蘭 | 20.77 |
| 花蓮 | 21.52 |
| 台東 | 20.93 |
| 澎湖 | 21.03 |
| 金門 | 19.69 |
| 連江 | 17.14 |
Fuente: Dirección de Registro Civil del Ministerio del Interior, finales de 2025
Gráfico de unidades tw-iso
«174,891 unidades» es un número que se olvida tras leerlo; nueve puntos redondos que puedes contar con los dedos no. El gráfico de unidades sustituye cifras grandes por unidades contables («un símbolo = cierta cantidad»), una técnica esencial para reporteros en reportajes sobre pesca de altura: transformar números masivos e intangibles en unidades perceptibles para el ciudadano. Los símbolos solo usan números enteros (sin medios símbolos), y el valor exacto se escribe al lado.
● ≈ 1
Fuente: Comunicado del Ejecutivo sobre la abolición de la Ley de Vivienda Nacional
Arco de escaños tw-arc
La composición parlamentaria tiene su propio gráfico especializado: una matriz semicircular de puntos, un punto por escaño, donde los partidos se organizan en un sector continuo según su orden de lista. El gráfico de sectores compara ángulos (algo que el ojo humano no hace bien); el arco de escaños te permite contar puntos directamente, con la línea de mayoría absoluta dibujada exactamente donde debe estar. Aquí usamos los resultados de las elecciones legislativas de 2024: 113 escaños, sin mayoría para ningún partido; esa línea discontinua es el punto de partida de la posterior tensión por las revocaciones de mandatos. Nota: este es un gráfico parlamentario; para elecciones de alcaldes en los 22 condados y ciudades (donde hay un ganador por distrito), debe usarse el mapa de teselas inferior.
| Valor | |
|---|---|
| KMT | 52 |
| DPP | 51 |
| TPP | 8 |
| Independientes | 2 |
Fuente: Comisión Central de Elecciones
Rejilla de pequeños múltiplos tw-multiples
Un solo gráfico con cinco líneas se convierte en un nudo de espagueti; los pequeños múltiplos asignan cada línea a su propia celda, donde todas las celdas comparten la misma escala, permitiendo la comparación directa de formas. Aquí usamos el ratio enfermera-paciente en tres turnos: el mapa de calor (el anterior) te da una matriz precisa; los pequeños múltiplos te muestran la tendencia: cómo cada nivel aumenta hacia la madrugada y cómo la base es la que más se dispara. Con los mismos datos, si haces preguntas diferentes, elige gráficos diferentes.
| Valor | ||
|---|---|---|
| Centro Médico | Mañana | 6 |
| Centro Médico | Tarde | 9 |
| Centro Médico | Noche | 11 |
| Hospital Regional | Mañana | 7 |
| Hospital Regional | Tarde | 11 |
| Hospital Regional | Noche | 13 |
| Hospital de Distrito | Mañana | 10 |
| Hospital de Distrito | Tarde | 13 |
| Hospital de Distrito | Noche | 15 |
Fuente: Anuncio estándar del ratio enfermera-paciente para tres turnos, Ministerio de Salud y Bienestar, 2024
Cómo usar estos módulos
Cada módulo se escribe en el Markdown del artículo como un bloque ```tw-* utilizando | para las columnas. Durante la construcción, se transforma automáticamente en lo que ves arriba; el autor no necesita escribir HTML ni JavaScript. La sintaxis completa, cuándo usar cada uno, cómo diseñar colores y ejes para no inducir a error, y la lista de verificación visual antes de publicar, se encuentran en graph.md.
Este sistema toma como referencia la filosofía editorial de The Pudding —la pregunta precede al dato, las conclusiones deben ser claras, la atribución es protagonista— pero ha evolucion a un órgano propio de Taiwan.md: estático, multilingüe y legible para la IA. El contexto completo del diseño se encuentra en el Informe de Diseño del Sistema de Visualización.
Para ver cómo estos módulos se entrelazan narrativamente en un artículo profundo real, lee Vivienda Social y Justicia Habitacional; la mayoría de los datos de esta página provienen de esa investigación.
Este sistema también está evolucionando
La página que estás viendo es el resultado de tres rondas de evolución. Al ser una página con línea de tiempo, usaremos el módulo de eje de política para contar su propia historia:
Fuente: Informe de Diseño y Evolución del Sistema de Visualización de Taiwan.md (junio 2026 – julio 2026, público en GitHub)
El enfoque de la tercera ronda no fue añadir nuevos gráficos, sino realizar una auditoría honesta. La auditoría de todo el sitio reveló que: los módulos supervisados por la puerta automática tenían un 100% de atribución; pero los tres módulos de alta frecuencia no supervisados presentaban un 40% de omisiones. Las normas se escribieron en la guía de edición hace dos meses, pero el comportamiento seguía sin alinearse con las herramientas; por ello, esta vez ampliamos las herramientas para que coincidan con las normas. En la misma ronda detectamos que las cadenas del sistema en páginas en inglés, japonés y coreano se renderizaban todas en chino, e incluso un carácter simplificado se colaba en las etiquetas de accesibilidad sin que nadie lo notara. Para un sistema que afirma «hacer que los datos de Taiwán sean legibles para los LLM en seis idiomas», estos detalles son más importantes que las nuevas funciones.
Investigaciones recientes respaldan este enfoque: la precisión de la IA multimodal para reconstruir valores de gráficos a partir de imágenes no es fiable; los nodos de texto son lo que las máquinas pueden leer con estabilidad. Esta es la razón por la que el mapa de teselas escribe los números directamente sobre los bloques y cada gráfico incluye una tabla de datos oculta. El proceso de investigación completo y las decisiones de diseño se detallan en el Informe de Investigación Profunda e Implementación del Sistema de Visualización v3.0.
Lecturas adicionales:
- Vivienda Social y Justicia Habitacional — La historia completa tras estos datos de vivienda: cómo la vivienda social pasó de ser económica a ser un escalón de activos; fuente de la mayoría de los datos de esta página.
- Ver los 22 condados y ciudades de Taiwán con datos — Los datos de envejecimiento para el gráfico de puntos, pirámide y teselas de esta página provienen del análisis completo de los 22 condados y ciudades de este artículo.
- Debates sobre Taiwán y la energía nuclear — La historia completa de los tres referéndums en las barras apiladas: ganamos el debate, perdimos la política.
- Ley de Salud — La historia completa de los ratios enfermera-paciente en los pequeños múltiplos: la ley puede decir cuántas camas atender, pero no si hay manos disponibles para hacerlo.
- Revocaciones masivas — El seguimiento de la línea de mayoría absoluta en el arco de escaños: cómo un parlamento sin mayoría llegó a 31 casos de revocación.
- Crisis de baja natalidad en Taiwán— La otra cara de la justicia generacional: no poder comprar vivienda y no poder tener hijos.
Fuentes de imágenes
Este artículo utiliza 1 imagen con licencia Creative Commons, almacenada en public/article-images/society/:
- Skyline de Taipéi (vista desde Xiangshan) — Foto: Heeheemalu, 2026, CC BY-SA 4.0 (hero)
Referencias
🧬 Lo que Semiont pensaba al escribir este artículo