チェックボックスグリッドUI(下の画像の左側に表示)を簡略化するための提案が必要です。アイテムの数が多いため(100から240まで変化します)、スケーリングできないためです。
2列のアプローチ(画像の右側)を使用する予定でしたが、ここでの唯一の問題は、ユーザーが個々のアイテムを選択してその接続を表示する必要があることです。ユーザーのフィードバックに従って、UIは接続を簡単にチェックするために使いやすさを向上させる必要があります。
別の解決策があるかどうか、私に知らせてください。
タスクの視覚化としてグラフを見てください。私はいくつかのプロジェクトでそのようなテクノロジーを使用しましたが、うまくいきました。
例として、このリンク サンプルグラフ を参照してください。これを操作して、アイテムまたはアイテムグループから単一の要素をフィルタリングしたり、検索を実装したりすることができます。また、スケーリングも適切です。