いくつかのパラメーターに応じて塗りつぶしの色と不透明度が変化する SVG パスがいくつかあります。
2 つのパラメータが同じ SVG フィーチャにある場合、このフィーチャには 2 つの異なる「もの」(またはオブジェクト) があることを明確に示したいと思います。
最初は 2 つの異なる色を混ぜ合わせることを考えていました (パラメーターが 1 つしかない場合は、1 つの色のみ)。しかし、今ではあまり直感的ではないことがわかりました。
たぶん、正方形 (または円) を半分 (2 つのパラメーターのみの場合) または 3,4,5 で分割する方が表現力が高いでしょう...各セクションに対応する色を付けます (ユーザーには各パラメーターの凡例もあります) => 対応する色)。
しかし、これを実装する方法については、現時点ではわかりません。
任意のアイデア、リンク、または提案をいただければ幸いです...ありがとう!