O portal The Pudding realizou um projeto que mapeia e visualiza todas as quadras de basquete ao ar livre nos Estados Unidos. Utilizando dados abertos coletados através do OpenStreetMap e imagens do Google Maps API, o projeto cria uma galeria na qual é possível sobrevoar e explorar cerca de 60 mil quadras.
É possível visualizar as quadras a partir de um mapa interativo ou então filtrando por localização, digitando o nome de cidades ou estados. Além disso, o projeto propõe filtros visualmente intrigantes e divertidos, como a seleção por cor do piso da quadra ou então a quantidade de comentários e likes. É possível contribuir com o projeto dando seu like ou comentando algo específico sobre alguma quadra.
Para além das ferramentas de mapeamento e visualização, a ideia é permitir que o usuário descubra as histórias por trás dessas quadras, através de uma pintura especial ou de um comentário específico. O projeto foi desenvolvido por Matt Daniels, jornalista-programador do portal The Pudding, que explicou todo o processo de desenvolvimento no site Patreon, incluindo detalhes das etapas de programação e recursos utilizados.
O projeto “Every Outdoor Basketball Court in the U.S.A.” foi um esforço técnico de vários meses. Os desenvolvedores explicam como coletaram dados geográficos do OpenStreetMap e selecionaram imagens de satélite de alta resolução através da API do Google Maps. Para garantir o desempenho do navegador ao carregar milhares de fotos, a equipe utilizou uma ferramenta para gerar “atlas de imagens” (spritesheets). Assim, o navegador carrega esse arquivo único (o atlas) e usa um arquivo JSON gerado por ferramentas como o Spritesmith para localizar as coordenadas exatas de cada imagem pequena dentro do mosaico maior.
Além disso, foram utilizadas técnicas avançadas de compressão como o formato BASIS, que consegue reduzir o tamanho das imagens em até 85% mantendo a fidelidade visual. Eles levaram semanas para integrar esse formato ao fluxo de trabalho, utilizando a ferramenta Pvrtextool para a conversão. A interface final foi construída com a biblioteca DeckGL, permitindo que os usuários explorem visualmente as quadras e acessem visualizações em 3D.
O relato publicado serve como um guia de bastidores sobre como transformar grandes volumes de dados geoespaciais em uma ferramenta de visualização de dados fluida e informativa.
The Pudding é um site de jornalismo que publica matérias visuais, trabalhando dados de forma criativa, interativa e debatendo ideias com informação e entretenimento.
Conheça Mais
Visite o projeto e saiba mais em:
https://pudding.cool/2024/09/courts/
https://www.patreon.com/posts/how-we-made-it-u-112163114
https://pudding.cool/