Visualisez plusieurs à plusieurs relations (interactif)
Donc, je suis un étudiant qui a une relation plusieurs à plusieurs dans une base de données.
- un tableau de codes
- un tableau de règles auquel s'applique un code
Maintenant, je peux obtenir les données en utilisant SQL. Mais mon professeur n'est pas content. il est plutôt un gars visuel. Impressionnez-le là-bas, et j'ai terminé.
J'ai pu lui montrer quelque chose dans Visio comme 
Et ce n'est qu'un sous-ensemble pour une instance. Les deux sont dynamiques.
Maintenant, je veux quelque chose d'interactif, quand j'en sélectionne un à gauche, il devrait mettre en surbrillance les colonnes de droite, ou les pointer vers elles.
Guidez-moi vers les outils et les ressources où je peux y parvenir.
PS. J'utilise une application WPF. L'intégration n'est pas nécessaire.
J'adore la visualisation de données et les questions de conception d'expérience de l'information. Choisir une visualisation interactive pour mettre en valeur vos données est certainement un pas dans la bonne direction. En tant qu'humains, nous nous souvenons beaucoup de la vue ... le contenu visuel et immersif nous aide à comprendre ou à donner un sens aux données que nous ne pouvons normalement pas digérer.
Alors, devriez-vous vraiment impressionner votre professeur avec une visualisation? [~ # ~] non [~ # ~] . Devriez-vous faire un effort supplémentaire pour rendre votre présentation plus attrayante et simple/facile à comprendre? Oui . Avantages de ce dernier, vous pouvez impressionner votre professeur (peut-être).
Pouvez-vous ou devriez-vous apprendre à le faire? (même avec votre expérience de niveau novice) - Oui. Ce n'est pas si difficile et la communauté est là pour vous aider.
COMMENT!? Commencez par rechercher quelques-unes des meilleures façons de représenter plusieurs -à-plusieurs (un à plusieurs, plusieurs à plusieurs). Puisque vous allez le rendre interactif, vous pouvez basculer entre les types de représentation. Voici quelques exemples de ce qui existe:
Un diagramme d'accords ou un diagramme sankey sont en haut de ma liste pour la cartographie des relations. Mais son n'est pas précis pour vous ni pour le seule solution . Vous devez les explorer tous pour trouver celui qui correspond le mieux à vos besoins. Explorez le contenu mathématique sur le Web et recherchez des sites qui ont une galerie de visualisation.
Ce sont mes favoris:
- http://visual.ly/view
- http://christopheviau.com/d3list/gallery.html
- https://github.com/mbostock/d3/wiki/Gallery
Une fois que vous avez décidé du type de visualisation, recherchez des outils qui peuvent traiter vos données et laissez-vous télécharger des modèles de données ou la version interactive ou des sites qui ont du code open source que vous pouvez réutiliser.
Exemples:
- http://raw.densitydesign.org/
- http://bl.ocks.org/NPashaP/9796212
- http://www.redotheweb.com/DependencyWheel/
- https://developers.google.com/chart/interactive/docs/gallery/sankey
Si vous êtes bloqué sur le code javascript - postez dans stackoverflow
Encore une fois, je n'ai présenté que des exemples que j'ai utilisés et familiers. Il existe de nombreuses ressources similaires dans les langues/environnements que vous connaissez peut-être. Découvrez quelque chose qui vous convient le mieux .
Pourquoi ne pas utiliser une grille où chaque liste est sur un axe différent et où les deux s'appliquent, remplissez la case? Vous pouvez peut-être rendre ces cases remplies interactives avec un effet de survol.
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Ok, il n'a pas besoin d'être uniquement avec des cases à cocher, elles peuvent être simplement des cases de couleurs différentes pour représenter différentes choses. L'idée est simplement de mettre la liste sur un axe x et y.
Modifier: ajout du diagramme
Le graphique complet est si occupé qu'il est presque impossible de donner un sens aux données. Je vous suggère de mettre en évidence les lignes directrices associées lorsqu'un code GT est sélectionné ou vice versa.
Je pense qu'il y a deux façons de procéder. Tout d'abord, vous pouvez utiliser un contrôle graphique comme ceux fournis par Infragistics, Telerik ou un autre package. Mettez à nouveau en évidence les associations basées sur le code ou la ligne directrice GT sélectionné. Deuxièmement, vous pourriez avoir deux listes et des codes et des directives GT. Lorsqu'une des lignes est sélectionnée, vous mettez en surbrillance ou affichez les éléments associés. Il peut être utile que vos listes indiquent le nombre d'éléments associés.
Enfin, il semble que vos lignes directrices soient regroupées. Vous pouvez utiliser un peu de coloration pour mettre en valeur ces groupes.