Vindo de um fundo de design gráfico, eu sei como fazer batota para criar um efeito decor aditiva. A mesma solução básica é proposta emoutro post aqui.

O post acima se refere a transparência.png arquivos, mas o conceito é o mesmo. O efeito básico que eu gostaria de criar é como oretratado aqui.

Eu adoraria fazer isso em SVG para que ele possa escalar e assim quando eu estiver falando sobre um determinado tópico (digamos que o tópico é 'verde') eu posso ampliar essa parte do gráfico e as áreas sobrepostas ainda exibir corretamente.

Estas mensagens parecem chegar bem perto:

Mas nenhum dos itens acima tratam do SVG, então deixe-me dar um giro.