多対多の関係を視覚化（インタラクティブ）

Question

つまり、私はデータベースで多対多の関係を持つ学生です。

コードの表
コードが適用されるルールのテーブル

これで、SQLを使用してデータを取得できます。しかし、私の教授は幸せではありません。彼はより視覚的な男です。そこに彼を感動させて、私は終わりました。

私はVisioで彼に何かを見せることができました enter image description here

そして、これはインスタンスの単なるサブセットです。どちらも動的です。

インタラクティブなものが欲しいのですが、左から1つ選択すると、右の列を強調表示するか、それらをポイントします。

これを達成できるツールとリソースをご案内します。

PS。 WPFアプリケーションを使用しています。統合は必要ありません。

Rayraegah · Answer

データの視覚化と情報体験のデザインに関する質問が大好きです。インタラクティブな視覚化を選択してデータを紹介することは、間違いなく正しい方向への一歩です。私たちは人間として、視覚から多くを覚えています...視覚的で没入型のコンテンツは、通常は消化できないデータを理解または理解するのに役立ちます。

では、教授に視覚化を本当に印象づけるべきでしょうか？ [〜＃〜]いいえ[〜＃〜]。プレゼンテーションをより魅力的でシンプル/理解しやすくするために、さらに1マイル進んでください。はい。後者の特典は、あなたの教授に印象づけるでしょう（たぶん）。

あなたはこれを行うことができますか、それとも学ぶべきですか？（初心者レベルの経験でも）-はい。それはそれほど難しくなく、コミュニティはあなたを助けるためにここにいます。

HOW！？調査を開始する多くを表現するための最良の方法のいくつか多対多（1対多、多対多）の関係。インタラクティブにするので、表現タイプを切り替えることができます。そこにあるもののいくつかの例を以下に示します。

コード図またはサンキー図は、関係をマッピングするための私のリストの一番上にあります。しかし、あなたにとっても、唯一のソリューション。あなたはあなたのニーズに最も合うものを見つけるためにそれらすべてを探究しなければなりません。 Web上の数学のコンテンツを探索し、視覚化ギャラリーがあるサイトを検索します。

これらは私のお気に入りです：

視覚化のタイプを決定したら、データを処理できるツールを探し、データモデルまたはインタラクティブなバージョンをダウンロードできるようにするか、オープンソースコードを再利用できるサイトをダウンロードします。

例：

あなたがJavaScriptコードで立ち往生している場合-投稿 stackoverflow

繰り返しますが、私が使用していて慣れている例のみを紹介しました。あなたが精通しているかもしれない言語/環境には同様のリソースがたくさんあります。 あなたに最適なものを見つけてください。

Pdxd · Answer

各リストが異なる軸上にあり、両方が当てはまるグリッドを使用して、ボックスに入力しませんか？これらの塗りつぶされたボックスをホバー効果とインタラクティブにすることができます。

mockup

^{download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム}

チェックボックスだけでなくてもかまいません。チェックボックスを色分けして、さまざまなものを表すことができます。ただのアイデアは、リストをx軸とy軸上に置くことです。

編集：図を追加

FodderZone · Answer

完全なグラフは非常に忙しいため、データを理解することはほとんど不可能です。 GTコードが選択されている場合、またはその逆の場合は、関連するガイドラインを強調表示することをお勧めします。

これには2つの方法があると思います。まず、Infragistics、Telerik、またはその他のパッケージによって提供されるようなグラフコントロールを使用できます。選択したGTコードまたはガイドラインに基づく関連付けを再度強調表示します。次に、2つのリストと、GTコードとガイドラインがあります。行の1つを選択すると、関連する項目が強調表示または表示されます。リストで関連アイテムの数を表示すると役立つ場合があります。

最後に、ガイドラインにはいくつかのグループがあるようです。いくつかのカラーリングを使用して、それらのグループを強調できます。