Ich benötige Ratschläge zur Verbesserung der Visualisierung kartografischer Informationen.
Der Benutzer kann verschiedene Arten auswählen und die Webmapping-App zeigt ihre geografische Verteilung (Zellen mit polygonalem Grad) an, wobei jede Art einen bestimmten Farbbereich aufweist (z. B. dunklere orange Farbe, wo wir mehr Informationen finden, hellere orange, wo weniger Informationen).
Das Problem ist, wenn mehr als eine Art überlappt. Was ich gerade mache, ist nur die additive Farbmischung zweier Farben mit Hilfe von http://www.xarg.org/project/jquery-color-plugin-xcolor/ zu berechnen.
Wie Sie in diesem Bild sehen können, ist die resultierende Farbe, in der sich zwei Arten überlappen (gemischtes Blau und Gelb), überhaupt nicht intuitiv.
Hat jemand eine Idee oder kennt ähnliche Tools, um sich inspirieren zu lassen? Zum Erstellen der Polygone verwende ich d3.js. Wenn also komplexere SVG-Funktionen erstellt werden müssen, kann ich es versuchen.
Einige Ideen, die ich hatte, sind ...
- Je mehr Daten auf einem Polygon vorhanden sind, desto dicker ist der Rand (oder jeder Teil des Randes mit der entsprechenden Farbe).
- Fügen Sie in der Mitte des Polygons eine Beschriftung hinzu, die angibt, wie viele Arten sich überlappen.
- Teilen Sie das Polygon in verschiedene Teile mit jeweils der entsprechenden Speziesfarbe.