J'ai besoin de quelques conseils pour améliorer la visualisation des informations cartographiques.
L'utilisateur peut sélectionner différentes espèces et l'application de cartographie Web montre sa répartition géographique (cellules à degrés polygonaux), chaque espèce avec une gamme de couleurs (par exemple, une couleur orange plus foncée où l'on trouve plus d'informations, une orange plus claire où moins d'informations).
Le problème est lorsque plusieurs espèces se chevauchent. Ce que je fais actuellement est juste de calculer le mélange de couleurs additif de deux couleurs en utilisant http://www.xarg.org/project/jquery-color-plugin-xcolor/
Comme vous pouvez le voir sur cette image, la couleur résultante où deux espèces se chevauchent (bleu et jaune mélangés) n'est pas du tout intuitive.
Quelqu'un a une idée ou connaît des outils similaires où trouver l'inspiration? pour créer les polygones, j'utilise d3.js, donc si des entités SVG plus complexes doivent être créées, je peux essayer.
Quelques idées que j'ai eues sont ...
- Plus il y a de données sur un polygone, plus la bordure est épaisse (ou chaque partie de la bordure avec sa couleur correspondante)
- ajoutez une étiquette au centre du polygone indiquant le nombre d'espèces qui se chevauchent.
- Divisez le polygone en différentes parties, chacune avec la couleur de l'espèce correspondante.