Por @Alvy — 25 de Agosto de 2026

La huella demográfica de los países en un triple gráfico interactivo

En Demographic Profiles han ideado una forma bastante llamativa y elegante de mostrar cómo cambia la población de cualquier país: una infografía con tres gráficos donde se combinan población, mortalidad y fertilidad sobre una mirilla u objetivo de zoom. Basta elegir un país en el mapa, arrastrando el ratón, para ver su «huella demográfica», convenientemente agrupada en bloques de edad de cinco años separados por sexos.

Como suele suceder con la información demográfica, por desgracia los datos no son muy finos ni están actualizados a día de hoy; aunque se puede viajar en el tiempo desde 1953 a 2023 hay que hacerlo en intervalos de diez años y el último dato es de hace tres años. Pero es una forma de observar cómo los datos de cada país se transforman con el paso de las décadas.

En la gráfica izquierda aparece la conocida pirámide de población, con el porcentaje de hombres y mujeres de cada grupo de edad respecto al total. A la derecha está la mortalidad, que representa qué porcentaje de las muertes corresponde a cada tramo de edad, separado por sexos. Finalmente, la gráfica de abajo muestra la fertilidad, es decir, qué proporción corresponde a cada grupo de cinco años entre las mujeres de 15 a 49 años. No es, por tanto, simplemente la tasa de hijos por mujer, sino una representación de cuándo se concentra la maternidad a lo largo de la edad fértil.

Los datos proceden de World Population Prospects 2024 de Naciones Unidas y la cartografía de OpenStreetMap. Lo más interesante es comparar países y épocas: sociedades jóvenes producen perfiles muy distintos de las envejecidas (como es el caso de Japón y Níger) o se dejan ver situaciones como las de Corea del Sur, donde la natalidad en 2023 rondaba los 0,72 hijos por mujer.

El resultado convierte 70 años de historia demográfica en algo que se puede recorrer con el ratón: millones de nacimientos, muertes y poblaciones de países enteros condensados en pequeños diagramas que, literalmente, cambian de forma al traspasar fronteras.

El gráfico está creado con VisQuill, una especie de kit de TypeScript para generar infografías, gráficas y visualizaciones geométricas, que tiene muy buena pinta, tal y como puede verse en su Galería.

(Vía @Crémieux.)

Relacionados:


PUBLICIDAD


Por @Alvy — 24 de Agosto de 2026

Core Dump XXIII

Nueva entrega en formato core dump proveniente de mi colección de enlaces semiclasificados que se me van acumulando por todas partes. Sigo guardándolos en #ParaBloguear pero está claro que no acabaré nunca. Así que ahí van; a disfrutarlos:

  • Interlinked: Adapting the Cyberpunk World of Blade Runner. Un buen artículo que explora las relaciones entre el género Ciberpunk y Blade Runner, la película de Ridley Scott, incluyendo algunas referencias de Blade Runner 2049 de Denis Villeneuve. Bonus: resulta que la escena de la «prueba de línea base» (baseline) la escribió el propio Ryan Gosling (K), el protagonista.
  • Lispr. Una utilidad [Mac/Windows] para convertir voz a texto; como el dictado de MacOS pero más capaz. Basta mantener pulsada una teclea en cualquier aplicación para que lo que vayas hablando delante del ordenador aparezca escrito. Razonablemente rápido y preciso.
  • MapTap. Un juego que consiste en intentar acercarse lo más posible en el globo terráqueo a los lugares que se indican. Cinco preguntas al día.
  • What is HDR, anyway?. Un artículo largo y con ejemplos acerca del HDR, qué es y cómo funciona en distintos dispositivos. Instructivo.
  • Fffuel. Un montón de herramientas para trabajar con archivos SVG: paletas de colores, formas 2D y 3D, fondos, degradados… y también información de referencia, guías visuales, generadores de textura y otros. Bonus: SVG Path Editor, para editar gráficos vectoriales SVG línea a línea, curva a curva, «comprendiéndolas».
  • Printing the web: making webpages look good on paper. Acerca del olvidado arte de crear un CSS que haga que la versión impresa de una página web se vea estupendamente bien.
  • Slash Pages Una iniciativa que sugiere «directorios estándar para describir una web» colocando archivos de texto en la propia web. Así, por ejemplo /about serviría para poner (o redirigir) al «Acerca de…» del sitio en cuestión, /ai a la información que deben leer los bots de IA, /contact para la información de contacto, etcétera. Hay algunos ingeniosos como /dedication, /now o /questions, además de clásicos como /sitemap.
  • Astro App, una web que permite ver cálculos e imágenes astronómicas. En tiempos de eclipses, no viene mal.
  • Why the Mystery of Consciousness Is Deeper Than We Thought (Scientific American) acerca de lo misteriosa que sigue siendo la conciencia.
  • Pattern. Un puzle lógico de Simon Tatham, parecido a los nonogramas y las Píldoras.

Relacionados (o no), con todos los anteriores:


PUBLICIDAD


Por @Alvy — 23 de Agosto de 2026

Los viajes de los libros y películas, convertidos en mapas interactivos

Sobre la intersección entre libros/películas y mapas se han publicado un montón de entretenidos trabajos: mapas sobre los lugares de rodaje, conversiones en mapas del Metro y hasta mapas galácticos. Ahora en Reading Maps han tenido una idea sencilla pero bastante entretenida: trazar las rutas que se describen sobre mapas del mundo real.

Al fin y al cabo, el Pequod de Moby-Dick navegaba por océanos reales, Phileas Fogg daba la vuelta al mundo siguiendo las rutas de ciertos trenes y barcos y Ulises recorría un Mediterráneo más o menos reconocible. En el proyecto hay ya 1.386 libros y películas cartografiados, desde los de Homero y Julio Verne hasta los de Stephen King o incluso las películas de Spielberg.

Cada obra tiene su propia ficha con un breve resumen y, lo más interesante, una ruta dividida en etapas, acompañada por una explicación de lo que sucede en cada lugar. En el caso de la Odisea de Ulises se cuenta cómo sale de Troya, luego se cruza con unas sirenas, encuentra una playa en la que hay gigantes… El Hades no aparece como tal, pero por ahí andará. Finalmente, llega a Ítaca, como debe ser.

También se puede buscar por título, autor o ubicación y filtrar por libros, películas o tipos de viaje: marítimo, por carretera, ferrocarril… También se puede explorar la colección geográficamente: por ejemplo, hay 482 obras con alguna parada en América del Norte, 33 que pasan por Suiza y 9 por Islandia, incluyendo la famosa entrada del Viaje al centro de la Tierra en la novela de Verne. Si quieres flipar, mira la de otra de mis favoritos: 20.000 leguas de viaje submarino.

La gracia está en que las rutas están muy curradas: los autores aseguran que comprueban las rutas marítimas con imágenes en alta resolución de las costas, para evitar que un barco atraviese alegremente Florida o cualquier otro pedazo de tierra. Los lectores pueden también comunicar errores para corregirlos.

La única precaución que hay que tener: las descripciones de las etapas siguen el argumento y pueden contener spoilers, aunque no sé yo si un spoiler en La ilíada puede considerarse tal, miles de años después de su publicación (¿eso no tiene fecha de caducidad?)

Reading Maps es sin duda una peculiar forma de comprobar que aunque los libros tengan un final, los lugares por los que pasaron los personajes siguen exactamente donde estaban.

Relacionados:


PUBLICIDAD


Por @Alvy — 22 de Agosto de 2026

Play, un laboratorio para programar gráficos animados con caracteres ASCII

ASCII play es un curioso entorno de programación en tiempo real para crear gráficos y animaciones exclusivamente con texto, directamente en el navegador. Su autor lo concibió como homenaje al arte ASCII, ANSI y a todos aquellos héroes que en tiempos remotos utilizaron los caracteres de texto (y semigráficos) como medio artístico.

La interfaz es bastante minimalista: un editor de código y una ventana de previsualización, sin márgenes ni números de línea. Los programas están escritos en JavaScript como módulos ES6 (ECMAScript) y pueden guardarse localmente o subirlos para compartirlos mediante un enlace permanente. No hace falta registrarse ni una cuenta de usuario.

En este curioso mundo de la «programación ASCII» en vez de dibujar círculos, líneas o polígonos como píxeles las funciones se ejecutan para cada carácter de la pantalla, decidiéndose qué mostrar allí: caracteres, colores, fondo… En una ventana típica (maximizada) puede haber unos 5.000 a 8.000 caracteres, que incluso en ordenadores modestos pueden recalcularse a 30 fotogramas por segundo, el límite de la versión web.

La API funciona principalmente alrededor de cuatro funciones: boot(), pre(), main() y post() y proporciona coordenadas, tiempos, números de fotograma, dimensiones y métricas tipográficas. La mejor forma de entenderlo es probar alguno de los ejemplos incluidos. Hay un montón: desde el clásico 10 PRINT hasta círculos, cubos 3D, espirales, y otras al estilo Doom. También hay un dónut ASCII, el Juego de la vida de Conway y efectos mediante la webcam.

En cierto modo, ASCII Play es una pequeña demoscene dentro del navegador: caracteres de texto, JavaScript y matemáticas que convierten una pantalla de texto en algo sorprendentemente vivo.

Relacionados:


PUBLICIDAD