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;
• 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.

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. 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.