Blank Charts Blank Charts

O desafio The Challenge

O que acontece ao remover os homens dos charts (paradas musicais) das principais plataformas de streaming de música? O Blank Charts responde a essa pergunta de forma visual. O desafio era criar uma ferramenta que fosse capaz de expor mais uma dimensão da disparidade de gênero na indústria fonográfica, quantificando de forma clara e direta para qualquer usuário. What happens when you remove men from the main music streaming charts? Blank Charts answers that question visually. The challenge was to create a tool capable of exposing another dimension of gender disparity in the recording industry, quantifying it clearly and directly for any user.

Meu processo e atuação My Process and Role

Conduzi o projeto do início ao fim, atuando em múltiplas frentes para transformar uma ideia em um produto funcional: I led the project from start to finish, working on multiple fronts to turn an idea into a functional product:

1. Metodologia: Vibe Coding (Desenvolvimento assistido por IA) 1. Methodology: Vibe Coding (AI-Assisted Development)

O Blank Charts foi desenvolvido utilizando a metodologia de vibe coding, um processo de prototipagem rápida assistido por Inteligência Artificial, conforme conceituado por Andrej Karpathy. A abordagem seguiu o princípio de "codificar primeiro, refinar depois": a intenção e a lógica do projeto foram expressas em linguagem natural, e um assistente de IA (LLM) gerou a base do código funcional. Meu papel como "humana no comando" foi guiar a visão do produto, alinhar os objetivos, validar a lógica do código gerado e refinar os detalhes de front-end e da arquitetura de dados, garantindo que a ferramenta final fosse robusta e precisa. Blank Charts was developed using the vibe coding methodology, an AI-assisted rapid prototyping process as conceptualized by Andrej Karpathy. The approach followed the "code first, refine later" principle: the project's intent and logic were expressed in natural language, and an AI assistant (LLM) generated the functional codebase. My role as the "human in the loop" was to guide the product vision, align goals, validate the logic of the generated code, and refine the front-end and data architecture details, ensuring the final tool was robust and accurate.

2. Pesquisa e estratégia de dados 2. Data Research and Strategy

A fase inicial focou em definir uma metodologia de pesquisa rigorosa e ética. O princípio de não suposição guiou a categorização de gênero de cada artista, baseando-se estritamente na autodeclaração pública para garantir respeito e precisão. Analisei as fontes de dados (Spotify, Kworb.net) e defini o escopo do produto, incluindo um roadmap para futuras expansões. The initial phase focused on defining a rigorous and ethical research methodology. The principle of non-assumption guided the gender categorization of each artist, relying strictly on public self-declaration to ensure respect and accuracy. I analyzed data sources (Spotify, Kworb.net) and defined the product scope, including a roadmap for future expansions.

3. Arquitetura de dados e tecnologia 3. Data Architecture and Technology

Projetei e implementei a arquitetura de dados do zero. O processo envolve a coleta de dados brutos (CSV), enriquecimento através da API do Spotify e armazenamento em um banco de dados local (SQLite) usando Node.js. Para garantir performance máxima, os dados são pré-processados e servidos ao front-end como arquivos estáticos (JSON), resultando em um carregamento quase instantâneo. I designed and implemented the data architecture from scratch. The process involves collecting raw data (CSV), enriching it via the Spotify API, and storing it in a local database (SQLite) using Node.js. To ensure maximum performance, the data is pre-processed and served to the front-end as static files (JSON), resulting in near-instant loading times.

4. Design da Experiência e Interface (UX/UI) 4. Experience and Interface Design (UX/UI)

O design da interface foi focado em clareza e impacto. A decisão de apresentar a posição original ao lado da posição no Blank Charts foi central para a experiência, pois permite que o usuário visualize o "salto" e entenda o tamanho da disparidade instantaneamente. A interface é limpa, responsiva e projetada para que a informação seja a protagonista. The interface design focused on clarity and impact. The decision to display the original position alongside the Blank Charts position was central to the experience, as it allows the user to instantly visualize the "jump" and understand the scale of the disparity. The interface is clean, responsive, and designed to let the information be the star.

Os resultados The Results

• Uma aplicação web funcional e performática, com arquitetura de dados robusta e documentada. A functional and performant web application with a robust and documented data architecture.
• Uma metodologia transparente e ética para coleta e análise de dados sobre um tema sensível. A transparent and ethical methodology for collecting and analyzing data on a sensitive topic.
• Uma plataforma viva, pronta para gerar pautas, artigos e novas investigações sobre a indústria da música, servindo como uma ferramenta para jornalistas, pesquisadores e fãs. A living platform, ready to generate stories, articles, and new investigations into the music industry, serving as a tool for journalists, researchers, and fans.