Présenter visuellement un réseau ou en obtenir une vue globale peut devenir plus complexe que prévu dès qu'il dépasse une certaine taille.

Des solutions existent, comme le schéma à main levée sur un tableau Velleda ou encore le redoutable combo papier-crayon ! Mais qu'en est-il côté numérique ?

Dans ce tutoriel, nous allons voir comment créer un graphe dynamique pour vos réseaux à l'aide de 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).

Rendez-vous dans vos visualisations via la barre de navigation.
Cliquez sur le bouton Créer une visualisation et sélectionnez Graphes/Réseaux.

Donnez un titre à votre visualisation et cliquez sur Créer la visualisation.
Votre visualisation est créée et vous êtes redirigé vers 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 essentielles pour 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 que vous utilisez pour lier vos nœuds doit contenir 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 pour le graphe ou spécifiques aux nœuds.

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

• influencer leur taille et leur nom en indiquant les champs prévus à cet effet (exemple : nodesize et 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 :

• influencer la force de répulsion exercée entre les nœuds ;
• modifier la taille de la 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 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.

Réseau de relations

Si vous avez des remarques sur ce cours, n'hésitez pas à nous les communiquer.