Guardo boas memórias dessa altura e, sobretudo, um grupo de amigos que ainda hoje aparece a qualquer hora. Ao contrário de mim, todos eles enveredaram por alguma engenharia e trabalham em informática. Eu fui pelo jornalismo, mas nunca deixei de querer juntar o mundo deles ao meu.

Sou finalista da pandemia. Acabei a licenciatura em junho de 2020, por Zoom, e foi por essa altura que decidi aprender desenvolvimento web, muito por nem ter a certeza de que o jornalismo era mesmo para mim. Comprei um curso de doze euros na Udemy e aprendi a viver na arte do desenrascanço: horas de Stack Overflow (confesso que até tenho saudades) e mensagens intermináveis aos meus amigos a perguntar como raio se fazia isto ou aquilo.

Eles nunca perceberam bem por que é que eu me dava a tanto trabalho. Achavam estranho, mas depressa se renderam à ideia de que eu tinha metido na cabeça seguir por ali e não havia volta a dar.

E foram sempre incansáveis. Não se chateiam quando lhes falo de gamificação durante horas ou lhes atiro dúvidas sem pés nem cabeça, e ainda não desistiram de me explicar o que é a programação orientada a objetos. Dizem-me que percebo mais do que julgo, mas há uma crítica que nunca falha: eu não penso como um engenheiro.

E é verdade. Um engenheiro trata de facilitar a própria vida: se uma mecânica funciona, torna-a reutilizável. Eu funcionava ao contrário, cada projeto começado do zero e deitado ao lixo no fim. Quando nos juntamos para um café lá na nossa terra natal, a conversa cai sempre no «então, e o trabalho?», e há uns tempos começou a escapar-lhes um «estás a começar a pensar como uma engenheira».

E acho que têm razão, não só sobre mim. Fala-se tanto de produtividade, de como a IA nos vai salvar a vida, mas antes disso há um gesto bem mais simples ao alcance de qualquer jornalista: pensar um bocadinho como engenheiro. Perguntar o que se pode montar agora para não andar a repetir o mesmo trabalho amanhã. No jornalismo isto faz ainda mais sentido, porque vivemos mergulhados na maré da atualidade e o mundo interrompe-nos a toda a hora.

Estes dias têm sido tomados por essa maré. O INE pôs fim ao vazio estatístico sobre quem são e de onde vêm os imigrantes em Portugal, a Venezuela tremeu duas vezes em 39 segundos, houve incêndios e mudaram as regras de acesso ao SNS. Escrevi sobre tudo isto nos últimos quinze dias. E, no meio da correria, ainda lancei dois newsgames com uma semana de intervalo. Um é um quiz sobre os Mundiais de futebol, com uma estética inspirada nos cromos e nas cadernetas da Panini. O outro conta os 250 anos da independência dos EUA numa timeline de presidentes e marcos, e saiu a 4 de julho.

O quiz dos Mundiais, no Tribuna Expresso, com uma estética inspirada nos cromos da Panini.

Os 250 anos da independência dos EUA, dos presidentes aos momentos mais marcantes.

Os dois nascem da mesma ideia, gamificar timelines, uma coisa que o New York Times faz lindamente no seu quiz. A mecânica é idêntica: recebes uma carta de cada vez, com uma pista, e tens de a encaixar no sítio certo da linha do tempo. A lógica de arrastar, validar e pontuar está escrita uma única vez; de um jogo para o outro, só troco o ficheiro de dados, que preparei com colegas que sabem muito mais de Mundiais e dos Estados Unidos do que eu.

É essa a parte de que mais gosto. Uma timeline à moda antiga é uma lista de datas por onde os olhos passam sem parar. Transformada em jogo, coloca quem lê no centro da história: em vez de a receber pronta, é a própria pessoa que arruma cada acontecimento no seu lugar e vai construindo a cronologia a seu ritmo. E, para quem só quer informar-se, fica sempre a porta aberta para passar tudo à frente e ler de seguida.

As interfaces não podiam ser mais diferentes, mas é a mesma engrenagem a contar 250 anos de história americana ou décadas de Mundiais. Há uns anos teria feito os dois do princípio ao fim, um a um. Desta vez fiz um motor, e para a próxima timeline jogável já não parto do zero. Se calhar era só isto que eles andavam a tentar dizer-me, ali sentados à mesa do café.

O reverso é que personalizar dá trabalho. Com dados públicos, é natural que vários jornais cheguem a mapas parecidos: partem do mesmo ficheiro e as ferramentas, por defeito, levam a resultados semelhantes. Não tem nada de mal. Mas, neste caso, apeteceu-me ir um pouco mais além.

Esta segunda-feira, o INE voltou a publicar as estimativas da população. Tinha suspendido as publicações sobre imigração e população estrangeira para validar os dados da AIMA, e foi assim que se chegou ao que no Expresso chamámos de ‘vazio estatístico’: em dezembro de 2025, o Estado não sabia ao certo quantos eram nem onde viviam os imigrantes.

A revisão do INE não foi só de 2025. O Instituto reviu também os números de 2021 a 2024 e, no caso da população estrangeira, publicou 2024 pela primeira vez. As correções foram grandes, e vieram quase todas da população estrangeira, que estava subavaliada. Para dar uma ideia: o total de residentes em 2024 subiu de 10,7 para 11,4 milhões, e o número de estrangeiros em 2023 passou de cerca de 1,05 para 1,35 milhões. Em 2025, a população residente chegou aos 11.424.031, o valor mais alto de que há registo, com mais de 800 mil pessoas do que em 2021, quase tudo por via da imigração.

Os números do INE são, ainda assim, de natureza diferente dos da AIMA. São uma estimativa de residentes, que cruza registos fiscais, da segurança social e escolares para apurar onde as pessoas vivem, e não uma contagem de títulos de residência.

Com tantos números novos, e com aquilo que o jornalismo de dados permite, deixar o leitor ver os dados onde quer, sabia que valia a pena fazer o retrato: quem são, onde vivem e de onde vêm os imigrantes em Portugal.

Mas havia um problema. Os dados iam de 2021 a 2025, e um coroplético mostra um número só, o de 2025. Sentia que anos e anos de informação iam ficar esquecidos, escondidos atrás de uma cor única.

E a web tem uma vantagem rara: deixa mexer por baixo do que está à vista. Foi o que fiz, uma versão do mapa onde, ao passar o cursor por um concelho, aparece a evolução desde 2021.

O Datawrapper é claro na documentação sobre isto: explica como mudar a forma como os dados aparecem nas tooltips e até como embeber gráficos dentro delas. Era exatamente o que eu queria. Com HTML, consegui condensar os cinco anos numa tooltip: de um lado, os números absolutos de 2021 e 2025; do outro, um pequeno gráfico de barras com a percentagem de estrangeiros no total de residentes, ano a ano.

Impus duas regras. A escala do gráfico tinha de ser igual em todos os concelhos, para que as barras fossem comparáveis de tooltip para tooltip. E a cor de cada barra tinha de coincidir com a legenda do mapa, em vez de uma cor única, para que a barra de cada ano dissesse a mesma coisa que o concelho pintado.

As percentagens, a altura de cada barra e a cor de cada ano foram calculadas antes e juntas ao ficheiro como colunas. Na tooltip, é só encaixá-las no sítio, através de placeholders:

{{ UPPER(nome) }} <hr>
<div style="font-family:inherit;width:max-content;max-width:340px;padding:0px 0px">
  <div style="font-size:11px;color:#888;margin:2px 0 2px">População estrangeira</div>
  <div style="display:flex;gap:4px;align-items:flex-start">
    <div style="flex:0 0 auto">
      <div style="font-size:11px;color:#888;line-height:1.1">em 2021</div>
      <div style="font-size:13px;color:#888;margin-bottom:8px">{{ FORMAT(valor_2021, "0,0") }}</div>
      <div style="font-size:11px;color:#015782;line-height:1.1">em 2025</div>
      <div style="font-size:22px;font-weight:bold;color:#015782;line-height:1.1">{{ FORMAT(valor_2025, "0,0") }}</div>
   </div>
    <div style="flex:0 0 auto;border-left:1px solid #e5e5e5;padding-left:6px">
      <div style="font-size:10px;color:#888;margin-bottom:6px;white-space:nowrap">% do total de residentes</div>
      <div style="display:flex;align-items:flex-end;gap:6px">
        <div style="display:flex;flex-direction:column;align-items:center;width:18px">
          <span style="font-size:9px;color:#888;line-height:1;margin-bottom:2px">{{ FORMAT(percentagem_2021, "0%") }}</span>
          <div style="width:12px;height:64px;background:#eef1f3;display:flex;align-items:flex-end">
            <div style="width:100%;height:{{ altura_2021 }}px;background:{{ cor_2021 }}"></div>
          </div>
          <span style="font-size:9px;color:#888;margin-top:3px">'21</span>
        </div>
        <!-- '22, '23, '24 seguem o mesmo padrão -->
        <div style="display:flex;flex-direction:column;align-items:center;width:18px">
          <span style="font-size:9px;font-weight:bold;color:#015782;line-height:1;margin-bottom:2px">{{ FORMAT(percentagem_2025, "0%") }}</span>
          <div style="width:12px;height:64px;background:#eef1f3;display:flex;align-items:flex-end">
            <div style="width:100%;height:{{ altura_2025 }}px;background:{{ cor_2025 }}"></div>
          </div>
          <span style="font-size:9px;color:#015782;font-weight:bold;margin-top:3px">'25</span>
        </div>
      </div>
    </div>
  </div>
</div>

A barra é o truque: um carril cinzento de altura fixa, 64px, e lá dentro um segundo elemento cuja altura e cor vêm do ficheiro. Encostado ao fundo, cresce de baixo para cima, como uma barra deve crescer.

Em Odemira, o concelho com maior peso de população estrangeira do país, a tooltip mostra 14 794 estrangeiros em 2021 e 22 930 em 2025, com a série de percentagens em 41%, 48%, 52%, 53% e 52%. Reparem que 2024 (53%) está acima de 2025 (52%). Não é uma subida limpa até ao fim, e era isso que eu queria mostrar: a trajetória, e não uma seta a apontar para cima.

No fim, por baixo, continua a ser o mesmo coroplético. O que muda é o que o leitor encontra quando se aproxima: cinco anos de história onde, por defeito, só apareceria um número. Foi isso que quis acrescentar.

Podes ler o artigo e explorar os dados aqui.