— Lab · 2026 · SVG · Canvas 2D · Vanilla JS

Radar — dónde está comprando el país

Todos los concursos públicos de Portugal en una página, con búsqueda por sector y distrito, en un mapa de líneas de relieve que suben con lo que se compra.

— Demo en vivo
Todo el lab
Año
2026
Stack
SVG
Canvas 2D
Vanilla JS
Natural Earth
Open data
En vivo
Abrir demo en vivo
Código fuente
GitHub

Radar reúne en una página todos los anuncios que ha leído nuestro radar de concursos — 1.399, del Portal BASE, del Diário da República y de TED. Busca títulos y compradores, filtra por cualquiera de los 41 sectores o por el grupo digital y comunicación, haz clic en un distrito y ordena por más recientes, los que cierran antes o valor. Cada anuncio enlaza con el anuncio oficial.

Un mapa que se redibuja

Portugal está dibujado en líneas de relieve. Cada línea es una franja del país, y sus picos suben con los concursos en vista: Lisboa y Oporto son las montañas. Elige un sector o escribe una palabra y el paisaje se redibuja — busca «vídeo» y los picos se mueven hacia donde se está comprando vídeo. Haz clic en un distrito para iluminar sus líneas y leer solo sus anuncios; pasa el ratón por un anuncio y se ilumina su distrito.

Cómo funciona

  • Los contornos de los distritos (Natural Earth, dominio público) se pintan una vez en un canvas oculto que hace de máscara: la página sabe a qué distrito pertenece cada punto del país.
  • Cada línea del mapa tiene una altura que es la suma de picos centrados en cada distrito, ponderados por su parte de los concursos en vista. Las líneas se rellenan antes de trazarse, así que las más cercanas tapan las de detrás.
  • El distrito sale del nombre del comprador; los organismos nacionales — ministerios, agencias, fuerzas armadas — van aparte. El sector sale del código CPV del anuncio.
  • Sin build step y sin dependencias: SVG, un canvas y JavaScript.

Los datos son una instantánea, y los plazos cuentan desde el día en que se tomó. El radar que hay detrás es la herramienta que hicimos para dejar de perder concursos que encajan con el estudio; la historia está en el radar que no encontró nada el primer día. Detecta; nunca presenta nada.

— Próximos pasos

Cuéntanos lo que solo existió en palabras.

Iniciar proyecto

o escribe a info@amplifiedcreations.com · responde un miembro sénior del equipo