Ho bisogno di alcuni consigli su come migliorare la visualizzazione delle informazioni cartografiche.
L'utente può selezionare diverse specie e l'app di webmapping mostra la sua distribuzione geografica (celle di gradi poligonali), ogni specie con una gamma di colori (ad es. Colore arancione più scuro dove troviamo più informazioni, arancione più chiaro dove meno informazioni).
Il problema è quando più di una specie si sovrappone. Quello che sto facendo attualmente è solo per calcolare la combinazione di colori additiva di due colori usando http://www.xarg.org/project/jquery-color-plugin-xcolor/
Come puoi vedere in questa immagine, il colore risultante in cui due specie si sovrappongono (misto blu e giallo) non è affatto intuitivo.
Qualcuno ha qualche idea o conosce strumenti simili dove trarre ispirazione? per creare i poligoni uso d3.js, quindi se devo creare funzioni SVG più complesse posso provare.
Alcune idee che ho avuto sono ...
- Più dati su un poligono, più spesso è il bordo (o ogni parte del bordo con il colore corrispondente)
- aggiungi un'etichetta al centro del poligono dicendo quante specie si sovrappongono.
- Dividi il poligono in diverse parti, ognuna con il colore della specie corrispondente.