Job Maps CO
Laboratorio · Con Imderf Ríos
Un mapa 3D de Colombia donde cada ciudad es una columna de luz: su altura son las ofertas de trabajo publicadas. Con ranking, buscador y la fuente original de cada oferta.
63.051: ofertas en 45 ciudades · corte al 13 de oct de 2026
Cómo funciona
- El mapa: Cada ciudad es una columna de luz; su altura son las ofertas.
- Ranking: Municipios, departamentos e industrias, con filtros que mueven el mapa.
- Buscar: Por palabra clave: el mapa y los resultados responden al escribir.
- La ficha: Las ofertas de cada ciudad con el enlace a su fuente original.
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 y su altura es la cantidad de ofertas. El 3D no es adorno: ayuda a decidir dónde buscar, y de ahí se baja a las ofertas reales, con el enlace a su fuente.
Mi rol
Es un proyecto de laboratorio de Imderf Ríos, que lo lideró, y mío. Entre los dos definimos el producto, las fuentes de datos, la arquitectura, la seguridad y el look, y revisamos cada ciclo hasta publicarlo. Yo hice el logo y la imagen para compartir, y el giro e inclinación del mapa en 360°.
El reto: ¿Dónde hay trabajo para mi perfil?
- Cinco portales, cinco listas distintas
- Ninguno muestra dónde está la demanda de un vistazo
- Cada portal nombra y agrupa los cargos a su manera
- Para postularte tienes que volver a buscar la oferta en su fuente
- Las cifras por ciudad quedan en listas, sin contexto geográfico
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.
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 de un globo de puntos a Colombia. Solo el país tiene relieve real; el resto queda atenuado.
- Giro en 360°: Arrastrar gira e inclina el mapa; hay modo Mover, brújula y una pista para quien llega por primera vez.
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.
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.
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.
- Fuentes (JSearch · Google for Jobs): Computrabajo, LinkedIn, elempleo, Magneto, Indeed
- Recolector (Python · cron): Dos corridas al día · 45 ciudades · 18 sectores
- Archivos (JSON estáticos): Una lista de ofertas por ciudad y por industria
- Web (MapLibre GL · deck.gl): Mapa, barras, filtros y fichas, sin compilación
- Tú (Navegador): Ubicas, filtras y te postulas en la fuente
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 de empleo: 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 y un campo trampa para bots.
- Política de tratamiento de datos bajo la Ley 1581 de 2012, y no se leen los portales de empleo de forma directa porque sus términos de uso no lo permiten.
Dirección humana
La IA (Claude Code) ejecutó gran parte de la construcción y la primera versión salió en un día. Qué probar, qué descartar y qué datos usar fue decisión de Imderf y mía, y por eso hay tantos descartes en el camino.
- Producto y marca: El concepto del mapa, el nombre, el dominio y el look. El logo es un mapa plegado con curvas de nivel reales de Colombia.
- Datos: Qué fuentes usar y cuáles no, 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.
Preguntas frecuentes
¿Qué es Job Maps CO?
Un mapa 3D 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 una API de empleo (JSearch, en RapidAPI), que reúne lo publicado en Google for Jobs. No se leen Computrabajo ni LinkedIn de forma directa porque sus términos de uso no lo permiten.
¿Cada cuánto se actualizan?
Dos veces al día. La cifra grande del mapa es una línea base del 13 de octubre de 2026; las ofertas con enlace son una muestra reciente.
¿Cómo me postulo a una oferta?
Cada oferta tiene un botón «Postularme» que lleva al enlace directo de la fuente original.
¿Es gratis?
Sí. Funciona en el navegador, sin instalar nada. Antes de usar el mapa se piden nombre y correo, y se acepta la política de datos.
¿Quién lo creó?
Imderf Ríos y Jaime Orozco, como proyecto de laboratorio. No es de Ogilvy ni de un cliente.
Créditos
- Imderf Ríos: Producto, arquitectura, datos, dirección y revisión (Laboratorio)
- Jaime Orozco: Producto, dirección, revisión, logo y giro del mapa (Laboratorio)
Con qué está hecho
Tecnologías: MapLibre GL, deck.gl, Relieve SRTM, Construido con IA (Claude Code) en un día.
Abrir el mapa en vivo · Ver el código