← Volver a proyectos
DATA PRODUCT · 3D JOB MAP · COLOMBIA · 2026

Job Maps CO

Un mapa 3D animado de Colombia donde cada ciudad es una columna de luz: entre más alta, más ofertas de trabajo publicadas. Buscas por palabra clave o por sector, tocas una ciudad y ves sus ofertas recientes con el enlace a la fuente original para postularte. Un producto propio que respondió una sola pregunta: ¿dónde hay trabajo para mi perfil?

Job Maps CO: mapa 3D de Colombia con columnas de luz por ciudad, ranking y ficha de Bogotá

El Proyecto

Contexto

Buscar empleo en Colombia es saltar entre portales (Computrabajo, LinkedIn, elempleo, Magneto, Indeed) y listas largas. Ninguno deja ver, de un vistazo, en qué ciudad hay más demanda para un área.

Idea

Responder una sola pregunta en un mapa: cada ciudad es una columna de luz cuya altura es la cantidad de ofertas. El 3D no es adorno: está para ayudar a decidir dónde buscar, y de ahí se baja a las ofertas reales.

Mi Rol

Proyecto propio, de laboratorio, con Jaime Orozco. Entre los dos definimos el producto, las fuentes de datos, la arquitectura, la seguridad y el look, y revisamos cada ciclo hasta publicarlo.


Cliente
Proyecto propio · Laboratorio
Categoría
Plataforma web · Datos · 3D
Equipo
Imderf Ríos · Jaime Orozco
Job Maps CO: Colombia con una columna de luz por ciudad y el ranking de municipios
Ficha de Bogotá con sus ofertas y el botón Postularme
Ranking por industria: el mapa cambia al elegir un sector
El reto

¿Dónde hay trabajo para mi perfil?

01Cinco portales, cinco listas distintas
02Ninguno muestra dónde está la demanda de un vistazo
03Cada portal nombra y agrupa los cargos a su manera
04Para postularte debes volver a buscar la oferta en su fuente
05Las cifras por ciudad quedan en listas, sin contexto geográfico
Qué hace

Un mapa, una búsqueda, una oferta

Del vistazo general a la oferta concreta en tres pasos: ubicar la demanda, afinarla con el buscador y postularte en la fuente.

#1

El mapa

Una columna por ciudad

La altura es la cantidad de ofertas, en escala raíz para que Bogotá no tape a las demás.

Del globo a Colombia

La entrada vuela del globo a Colombia; solo el país tiene relieve real y el resto queda atenuado.

Barras vivas

Luces que recorren cada barra, cifra y nombre de la ciudad, y una cámara que orbita sola.

#2

La búsqueda

Buscador por palabra clave

Escribes "desarrollador web" o "planner" y el mapa se reordena, sin importar las tildes.

18 sectores

Los generales y los de agencia (creatividad, medios, planeación, digital) clasificados por el cargo.

Filtros coherentes

Mapa, ranking, total y panel cambian a la vez; nunca muestran cosas distintas.

#3

La oferta

Ficha por ciudad

Ofertas recientes paginadas de a 10, con cargo, empresa, portal y antigüedad.

Postularme

Un botón al enlace directo de la fuente original, sin pasos intermedios.

Datos al día

Las ofertas se actualizan dos veces al día, sin que el navegador llame a ninguna API.

Por dentro

Cómo llegan las ofertas al mapa

Un recolector corre dos veces al día, deja las ofertas en archivos JSON y la web, estática, solo los lee. Así el mapa carga rápido y las llaves nunca llegan al navegador.

01FuentesJSearch · Google for JobsComputrabajo, LinkedIn,elempleo, Magneto, Indeed02RecolectorPython · cron6 a. m. y 6 p. m.45 ciudades · 18 sectores03ArchivosJSON estáticosUna oferta lista por ciudady por industria04WebMapLibre GL · deck.glMapa, barras, filtrosy fichas, sin build05TúNavegadorUbicas, filtras yte postulas en la fuenteRegistroPHP · MySQLPreparadas, límite por IPSERVIDOR PROPIO DETRÁS DE CLOUDFLARE

La cifra grande del mapa es un corte del 13 de octubre; las ofertas con enlace son una muestra reciente que se renueva dos veces al día.

Seguridad y datos

Hecho con cuidado

  • Las llaves de las APIs viven solo en un archivo privado del servidor, fuera de git y de GitHub.
  • El navegador nunca llama a las APIs: solo lee archivos JSON ya preparados.
  • Los textos de las ofertas se insertan como texto, nunca como HTML, y los enlaces externos llevan rel="noopener".
  • El registro usa consultas preparadas, límite por IP, campo trampa para bots y la IP guardada cifrada.
  • Política de tratamiento de datos bajo la Ley 1581 de 2012, con los datos personales fuera de la URL y de Analytics.
Cómo se construyó

Dirección humana

Las decisiones son de Jaime y mías, revisadas en cada ciclo. Claude Opus 5.5, en Claude Code, ejecutó la construcción.

  • Producto y marca. El concepto del mapa, el nombre, el dominio y el look, a partir de referencias propias: un mapa de hinchas y un showreel.
  • Datos. Qué fuentes usar y cuáles no (no se leen los portales de forma automática, por sus términos), el plan de consultas y los 18 sectores.
  • Arquitectura. Web estática, recolector con cron y registro propio en el servidor, para que las llaves nunca lleguen al navegador.
  • Experiencia. Ajustamos el look y los filtros en vivo, con capturas, hasta que mapa, ranking y panel mostraran siempre lo mismo.
Stack
HTMLMapLibre GLdeck.glOpenStreetMapOpenFreeMapSRTMPythonJSearchPHPMySQLRunCloudCloudflareGoogle AnalyticsClaude Code
Preguntas frecuentes

Lo que más preguntan

¿Qué es Job Maps CO?

Job Maps CO es un mapa 3D animado de Colombia donde cada ciudad es una columna de luz: entre más alta, más ofertas de trabajo publicadas. Se busca por palabra clave o por sector y, al tocar una ciudad, se ven sus ofertas recientes.

¿De dónde salen las ofertas?

De JSearch, que agrega Google for Jobs, con enlace directo a la fuente original: portales como Computrabajo, LinkedIn, elempleo, Magneto e Indeed. La cifra grande por ciudad es un corte del 13 de octubre de 2026.

¿Cada cuánto se actualizan?

Dos veces al día, a las 6 a. m. y a las 6 p. m. (hora de Colombia), en 45 ciudades y 18 sectores.

¿Cómo me postulo a una oferta?

Tocas una ciudad, eliges la oferta y usas el botón Postularme, que abre la publicación en su fuente original.

¿Es gratis?

Sí. Funciona en el navegador, sin instalar nada. La primera vez pide nombre y correo, y aceptar la política de tratamiento de datos.

¿Quién lo creó?

Imderf Ríos y Jaime Orozco, como proyecto propio de laboratorio, publicado el 13 de octubre de 2026 en jobmapsco.xyz.

En vivo · jobmapsco.xyz

Pruébalo tú mismo

Busca tu perfil, toca una ciudad y mira dónde hay ofertas. Es gratis y funciona en el navegador, sin instalar nada.

Abrir el mapa
Job Maps CO: mapa 3D de Colombia con una columna de luz por ciudad

Créditos

Personas detrás de la idea

Laboratorio
Producto, arquitectura, datos, dirección y revisión
Imderf Ríos
Producto, dirección, revisión y logo
Jaime Orozco