Présenter visuellement un réseau ou obtenir une vue globale de celui-ci peut s'avérer plus complexe que prévu dès lors qu'il excède une certaine taille. Des solutions existent, comme le schéma à main levée sur tableau Velleda ou encore le redoutable combo papier crayon ! Mais qu'avons-nous côté numérique ?

Dans ce tutoriel, nous voyons comment réaliser un graphe dynamique pour vos réseaux avec deux jeux de données :

• l'un contenant les nœuds du réseau des tags dans Stack Overflow (sujets à associer) ;
• l'autre contenant les liens du réseau des tags dans Stack Overflow (relations entre les nœuds).

Dirigez vous vers vos visualisations dans la barre de navigation.
Cliquez sur le bouton créer une visualisation et sélectionnez graphes/réseaux situé dans la partie visualisation de type autre.

Renseignez un titre pour votre visualisation et cliquez sur créer la visualisation. Votre visualisation est créée et vous êtes redirigé sur sa page d'édition.

Dans l'onglet sources, commencez par renseigner les jeux de données que vous avez importés.

Dans l'onglet rendu, trois informations sont essentiels afin d'obtenir un premier résultat :

• le champ utilisé pour lier vos nœuds (exemple : name) ;
• le champ source qui définit le point de départ d'un lien (exemple : source) ;
• le champ cible qui définit le point d'arrivée d'un lien (exemple : target).

Le champ renseigné comme étant celui utilisé pour lier vos nœuds doit comporter les valeurs attendues dans les champs source et cible de vos liens.

Toujours dans l'onglet rendu, on remarque la présence d'options globales au graphe ou propres aux nœuds.

Du côté des nœuds, vous pouvez :

• influer sur leur taille et leur nom en indiquant les champs prévus à cet effet (exemple : nodesize & name) ;
• attribuer des couleurs en fonction des valeurs d'un champ. Plusieurs sélecteurs de couleurs apparaissent pour chaque valeur du champ renseigné précédemment (exemple : group).

Du côté des options, vous pouvez :

• influer sur la force de répulsion exercée entre les nœuds ;
• modifier la taille de police ;
• générer le graphe en SVG ou Canvas.

N'oubliez pas d'enregistrer votre visualisation en cliquant sur le bouton valider : vous avez terminé ! Notez que la petite flèche en haut à gauche de la visualisation : elle permet d'afficher ou de masquer la légende liée aux couleurs des nœuds.

Graphes/réseaux

Si vous avez des remarques sur ce cours, n'hésitez pas à nous contacter pour nous en faire part.