Una ciudad dibujada desde datos
POR CDMX ISOMÉTRICO · PUBLICADO EL 4 DE NOVIEMBRE DE 2026
Cada edificio de este mapa de la Ciudad de México se dibuja a partir de datos. No se le pidió a ningún modelo de inteligencia artificial que dibujara la ciudad: un programa lee la información de cada construcción y la convierte en píxeles con reglas propias. Esta es la explicación de cómo se hace y de lo que permite hacer.
De los datos al dibujo
El punto de partida son los datos de OpenStreetMap, el mapa abierto que construye una comunidad de voluntarios en todo el mundo. Para cada edificio, esos datos dicen dónde está, qué forma tiene su contorno y, cuando alguien lo registró, cuántos pisos o cuántos metros mide. Un programa lee esos datos y los convierte en volúmenes vistos en perspectiva isométrica, la de los videojuegos clásicos de construir ciudades.
El programa trabaja con reglas fijas: de qué color se pinta una azotea, cómo se dibuja un techo inclinado, qué altura se le asigna a un edificio que no tiene la suya registrada, dónde puede ir un árbol. Si dos edificios tienen los mismos datos, se dibujan igual.
Cómo se arma la ciudad
El proceso tiene tres pasos. Primero se descargan de OpenStreetMap los datos de cada zona de la ciudad: edificios, calles, parques, agua, estaciones, nombres de colonias. Luego un programa que corre en el navegador, al que en este proyecto se le llama el horneador, convierte todo eso en un dibujo enorme. Por último, el dibujo se corta en miles de imágenes pequeñas, en varios niveles de acercamiento, para que el mapa cargue rápido aunque la ciudad completa sea gigantesca.
Cuando se ve el mapa de lejos, se cargan pocas imágenes de baja resolución. Al acercarse, el visor va pidiendo las de más detalle, solo de la zona que está en pantalla. Es el mismo principio de cualquier mapa en línea, aplicado a un dibujo.
Un límite inesperado: el número de archivos
Hacer un mapa así tiene restricciones que no tienen nada que ver con el dibujo. El sitio se publica en un servicio que permite un máximo de 20,000 archivos, y el mapa ya ocupa más de diecisiete mil imágenes repartidas en varios niveles de acercamiento. Cada zona nueva de la ciudad cuesta cientos de archivos.
Por eso no se dibujó todo el territorio de la Ciudad de México, sino la mancha urbana. Para decidir qué zonas entraban se midió cuántos edificios hay por kilómetro cuadrado en cada una: donde había pocos, como en cerros, barrancas o zonas rurales del sur, se gastaban muchos archivos para dibujar casi nada. Las zonas que quedaron fuera no lo están por descuido, sino porque el espacio disponible se reservó para donde hay ciudad.
Qué es dato y qué es decoración
No todo en el mapa sale de los datos, y conviene decirlo. Los árboles de las banquetas, los coches en las calles y las trajineras en los canales se colocan con reglas para dar vida a la escena, no porque estén registrados uno por uno. Lo mismo pasa con la altura de los edificios que no la tienen anotada: el programa les asigna una razonable según su tamaño.
Saber qué es dato y qué es decoración ayuda a leer el mapa: un edificio dibujado existe en OpenStreetMap; un coche estacionado frente a él, no necesariamente.
Lo que permite: contar la ciudad
Como el dibujo sale de una base de datos, detrás de cada píxel hay información que se puede consultar. Eso permite hacerle preguntas al mapa y obtener respuestas con números.
Así se calcularon las cifras de los artículos de este sitio: que de los 126,885 edificios del mapa solo 23 miden 150 metros o más, que hay unas cincuenta calles distintas llamadas Benito Juárez, o que el kilómetro cuadrado con más edificios está en la colonia Moctezuma.
Lo que permite: corregir el mapa
La otra ventaja es que el mapa mejora cuando mejoran los datos. Si alguien traza en OpenStreetMap un edificio que faltaba o corrige una altura, basta con volver a correr el programa para que aparezca bien.
También tiene su costo: el mapa solo sabe lo que está registrado. Hay colonias de la ciudad donde la comunidad ha trazado casa por casa, y otras donde casi no hay edificios mapeados. En esas zonas el dibujo se ve más vacío de lo que es la realidad, y la forma de arreglarlo es que alguien registre esos edificios en OpenStreetMap.
Una comunidad de ciudades en pixel-art
Este mapa forma parte del directorio de tiny.london, el mapa isométrico de Londres de Boris Starkov, que reúne en un mapa del mundo las ciudades dibujadas en este estilo, cada una hecha, como dice la propia página, por alguien que quería ver la suya así. Vale la pena recorrerlo para ver cómo otras personas resolvieron el mismo reto en su ciudad.
This map is part of the tiny.london world directory, the collection of cities drawn in isometric pixel art that Boris Starkov keeps alongside his map of London. Thank you for including Mexico City. An English version of this article is available here: How Mexico City is drawn from data.
Cómo verlo en el mapa
- Lo que es dato. Acércate a cualquier colonia: cada contorno de edificio que ves existe en OpenStreetMap.
- Lo que es decoración. Fíjate en los árboles de las banquetas y los coches: se colocan con reglas, no uno por uno.
- La historia completa. Las cifras y los tropiezos del proceso están en Cómo se hizo el mapa.
Abrir el mapa de la Ciudad de MéxicoDe dónde salen estas cifras. Los datos de edificios, calles y colonias son de OpenStreetMap, descargados en agosto de 2026 para dibujar este mapa. Los datos son © colaboradores de OpenStreetMap, bajo licencia ODbL.