Preciso de alguns conselhos sobre como melhorar a visualização de informações cartográficas.
O usuário pode selecionar espécies diferentes e o aplicativo de mapeamento da web mostra sua distribuição geográfica (células poligonais), cada espécie com uma gama de cores (por exemplo, cor laranja mais escura onde encontramos mais informações, laranja mais clara onde menos informações).
O problema é quando mais de uma espécie se sobrepõe. O que estou fazendo atualmente é apenas calcular a mistura de cores aditiva de duas cores usando http://www.xarg.org/project/jquery-color-plugin-xcolor/
Como você pode ver nesta imagem, a cor resultante em que duas espécies se sobrepõem (azul e amarelo misturados) não é intuitiva.
Alguém tem alguma idéia ou conhece ferramentas semelhantes para obter inspiração? para criar os polígonos, uso o d3.js.Por isso, se for necessário criar recursos SVG mais complexos, posso tentar.
Algumas idéias que tive foram ...
- Quanto mais dados em um polígono, mais grossa a borda (ou cada parte da borda com a cor correspondente)
- adicione um rótulo no centro do polígono dizendo quantas espécies se sobrepõem.
- Divida o polígono em diferentes partes, cada uma com a cor da espécie correspondente.