Tangled Roots

Tangled Roots é um projeto criado a partir de uma curiosidade pessoal: entender melhor a história da música e como diferentes gêneros se formaram, se cruzaram e influenciaram uns aos outros.

Sempre gostei muito de música, mas recentemente comecei a estudar com mais atenção a história por trás dos estilos, especialmente a música americana, que talvez seja a tradição musical mais conhecida e exportada do mundo. O que me chamou atenção foi perceber que nenhum gênero aparece isolado. Blues, jazz, country, gospel, rhythm and blues, soul, funk, hip-hop, rock, folk e tantos outros estilos formam uma rede de raízes, migrações, comunidades, tecnologias e artistas.

Tangled Roots nasceu para transformar essa rede em uma experiência visual.

O que foi construído

O site apresenta gêneros, artistas, eventos, eras e fontes em uma estrutura totalmente data-driven. Em vez de tratar a história da música como uma linha reta, o projeto mostra relações de influência, ramificações, movimentos geográficos e períodos históricos.

Entre os principais elementos estão:

• grafo interativo com conexões entre gêneros musicais;
• timeline para observar o desenvolvimento dos movimentos ao longo do tempo;
• mapa com regiões, cenas e deslocamentos importantes;
• páginas individuais para gêneros, artistas e eventos;
• narrativas históricas com fontes;
• painéis para diferenciar registro histórico, mito e disputa;
• embeds leves do YouTube para exemplos musicais;
• comentários com leitura pública e login pelo Google para participar;
• busca estática com Pagefind;
• conteúdo em Markdown validado no build.

Papel no projeto

Criei o projeto como uma ferramenta de aprendizado e exploração. Minha atuação envolve pesquisa, curadoria, modelagem de conteúdo, design da experiência, implementação das visualizações, arquitetura técnica e publicação.

Há também uma história particular por trás da execução: tive a ideia e desenvolvi aproximadamente 80% do projeto durante uma longa viagem de aeroporto e avião entre os Estados Unidos e a Austrália. O Fable 5 tinha acabado de ser lançado e foi o único agente de IA usado. Pouco depois, o modelo foi restringido, então o projeto acabou registrando uma janela curta em que pude experimentar sua versão inicial com menos limites. Além do código, o agente ajudou na pesquisa histórica e na organização das conexões entre gêneros, artistas, eventos e fontes.

O desafio principal é transformar um tema profundamente conectado em uma interface que ajude o visitante a seguir caminhos próprios. Alguém pode começar pelo Delta blues, chegar à Great Migration, passar por Chicago blues, rhythm and blues, soul, funk e terminar no hip-hop. Outra pessoa pode seguir o caminho do jazz, da música eletrônica ou das tradições folk.

Decisões de produto e tecnologia

O site foi construído como uma aplicação estática. Todo o conteúdo vive em Markdown dentro de coleções do Astro, com schemas Zod garantindo que arquivos inválidos quebrem o build antes de chegarem ao ar.

O grafo usa D3, o mapa usa MapLibre GL JS e a busca é gerada com Pagefind no pós-build. O Google Identity Services autentica usuários que desejam escrever comentários, enquanto a leitura permanece pública. A experiência pública não depende de runtime de framework no cliente; as interações são pequenas camadas em JavaScript vanilla.

Essa arquitetura combina bem com o objetivo do projeto: conteúdo rico, navegação rápida, bom SEO, baixo custo de hospedagem e facilidade para expandir novas ramificações com o tempo.

Resultado

Tangled Roots já está publicado em music.gacitua.dev e funciona como uma base viva de estudo sobre música, cultura e influência.

O projeto ainda tem muito espaço para crescer, mas o v1 já inclui uma vertical slice com gêneros, artistas, eventos, grafo D3, timeline, páginas narrativas, embeds validados e uma base pronta para mapa, tours guiados e expansão contínua de conteúdo.