Canário na Copa

World Cup coverage generates an enormous volume of information in a very short period: results, standings, individual and collective statistics, match events, historical data and narratives that change daily. Most of this content is usually scattered across different platforms, presented in isolated tables or organized primarily for quick consultation.

Canário na Copa's challenge was to transform this intense flow of data into a clearer and more explorable editorial experience, capable not only of informing what happened, but of helping the audience understand the patterns, contexts and stories produced throughout the tournament.

I developed the platform with Astro SSR, custom CSS and vanilla JavaScript, using D3.js to build interactive maps, line-ups, passing networks and other data visualizations. Supabase powers authentication, subscriptions and match data, while Sanity is used for editorial publishing. Stripe, Resend and React Email support memberships and communication with readers.

The project also includes a custom data pipeline that transforms FIFA post-match reports into structured datasets and interactive match analysis. It is hosted on a Linode Ubuntu server, with Nginx, PM2 and Cloudflare handling deployment, performance and delivery.

The result is an editorial product that combines journalistic coverage, publishing infrastructure, structured data, interactive visualizations and a reader relationship layer in a single experience. Canário na Copa works both as a publication and as a product lab for new forms of data-driven sports storytelling.

I designed and developed the product end to end: editorial architecture, visual identity, interfaces, data visualizations, authentication, subscriptions, publishing, deployment infrastructure and data pipeline. I was also responsible for the editorial definition and for organizing the information presented in the magazine.