Aaeilo / Visualizing-the-relationships-between-characters-in-a-television-drama-through-networks

Ce "repoitory" contient les fichiers utiliser pour ce travail dans le cadre d'un cours de "Visualisation des données" dispensé par le professeur Isaac Pante à l'Université de Lausanne
0 stars 2 forks source link

Problème avec les couleurs de liens #7

Open Aaeilo opened 1 year ago

Aaeilo commented 1 year ago

A chaque type de liens, j'associe une couleur comme le montre la figure 1 représentant la légende. Dans mes données sous format JS, ces valeurs sont sous forme numérique telle que; 1: amour 2: amitié 3: colère 4: jalousie 5: peur 6: dégout

legende figure 1

Pour le graphe du premier épisode, cela semble bien fonctionner, mais à partir du second graphe, il y a un problème de concordance entre l'affichage des couleurs pour les liens et les données de base. L'exemple dans le second épisode où, dans les données, la relation émise par Derek est "1" pour Meredith (figure 2). Or, sur le graphe, on peut observer le lien issu du noeud Derek est bleu et non rose comme le précise la légende (figure 3).

episode2_data figure 2

epidose2_graph figure 3

Après avoir vérifié plusieurs fois mes données, je n'ai pas trouvé d'erreur. Par contre, dans le script JavaScript, j'ai émis la fonction "IF" pour que chaque valeur soit associée aux bonnes couleurs (figure 4). Je soupçonne que cette fonction est à l'origine de ce problème. fonction_couleur figure 4

Aaeilo commented 1 year ago

Pour régler ce problème, il aurait fallu, dans le fichier "script.JS", créer 3 fonctions supplémentaires (enter, update et exit) et les intégrer dans la fonction "start" ( à la ligne 501 dans le nouveau script et ligne 488 dans l'ancien script) avec l'élément "join" (figure 1). Ce dernier nous permet de préciser comment les liens doivent se colorer en lorsque les données changent. Les fonctions "enter" et "update" insistent sur le fait que les couleurs des liens restent identiques quelles que soient les données choisies.

Capture d’écran 2023-05-30 à 17 28 33 figure 1