Fatos Principais
- O projeto visualiza 291 milhões de viagens do Citi Bike.
- Funciona sem backend, usando DuckDB WASM e Cloudflare CDN.
- Usuários podem buscar viagens usando Cmd + K e detalhes do recibo.
- Rotas são geradas usando OSRM para mais de 2.400 pares de estações.
Resumo Rápido
Um projeto de visualização massivo foi lançado, exibindo o histórico completo de viagens de Citi Bike. O projeto rastreia 291 milhões de viagens individuais, permitindo que os usuários visualizem o fluxo de bicicletas pela rede.
A ferramenta é totalmente open source e funciona no navegador sem backend. Ela utiliza DuckDB WASM para consultar dados armazenados em um CDN da Cloudflare, garantindo alto desempenho e acessibilidade.
Os usuários podem buscar sua viagem específica usando o atalho Cmd + K e detalhes do seu recibo. A visualização usa deck.gl com Mapbox para renderizar milhares de bicicletas animadas simultaneamente.
Visualizando 291 Milhões de Viagens
O projeto representa cada viagem de bicicleta como uma seta em movimento no mapa, criando uma visão dinâmica do histórico da rede de compartilhamento de bicicletas. Com um total de 291 milhões de viagens visualizadas, a ferramenta oferece uma perspectiva única sobre a mobilidade urbana.
Os usuários podem interagir com os dados diretamente. Pressionando Cmd + K, eles podem buscar sua viagem específica usando detalhes encontrados em um recibo do Citi Bike, especificamente o horário da viagem e os nomes das estações de início e fim.
Cada seta em movimento representa uma viagem real de bicicleta, significando que qualquer pessoa que tenha usado o serviço está incluída na visualização. O projeto destaca a escala do sistema Citi Bike nos Estados Unidos.
Arquitetura Técnica
A visualização atinge seu desempenho através de uma pilha técnica específica projetada para eficiência. Uma característica principal é que nenhum backend é necessário para que o aplicativo funcione.
O processamento de dados depende de arquivos parquet armazenados em um CDN da Cloudflare. Esses arquivos são consultados diretamente pelo DuckDB WASM, permitindo que análises complexas de dados aconteçam no lado do cliente.
Para renderização, o projeto usa deck.gl combinado com Mapbox. Essa combinação permite uma renderização acelerada por GPU, necessária para lidar com milhares de bicicletas animadas simultaneamente sem atrasos.
O processamento em segundo plano é tratado por Web Workers
Geração de Rotas e Dados
A visualização enfrenta um desafio específico de dados: os dados de origem fornecem apenas pares de estações de início e fim, não os caminhos reais percorridos. Para resolver isso, o projeto gera rotas realistas.
As rotas são criadas consultando o OSRM (Open Source Routing Machine). O sistema calcula o caminho mais curto entre todos os 2.400+ pares de estações para animar as bicicletas com precisão.
O projeto é totalmente open source e está disponível no GitHub. Isso permite que desenvolvedores inspecionem o código, entendam os detalhes da implementação ou contribuam para o projeto.
