こんな感じでX座標が同じ目標にむかう矢印は狭い範囲に集中してごちゃごちゃします。 同じ座標に向かっている矢印 そこでマクロスのミサイルみたいに各矢印に個性を与えます。 マクロスのミサイルみたいな矢印 正確に言うと逆です。 マクロスのミサイルは目標地点は1つで、経路に個性があります。 今回与えた個性は、目標地点をずらしています。 目標地点が画面外に出ていて見えないことを良いことに、矢印が向かうX座標をランダムで変更しています。 ネットワーク、パフォーマンス、メモリを指しているように見えるかもしれませんが、偶然です。 順番に並んだ矢印 もう少し調整して、矢印が決まった順番にならぶようにしました。 矢印の個性は減ります。 矢印の交差が減るので関係性は見やすくなります。 ちなみにこの画像はブラウザのキャプチャで、矢印はSVGで描いています。
![マクロスのミサイルみたいな矢印 - @ledsun blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/5b6b7fdad40f6b4b4de17e57e29d99503e981266/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fl%2Fledsun%2F20220311%2F20220311100009.png)