Configurer l'application Réseau

L'exemple de ce cours s'appuie sur deux petits jeux de données, calculés à partir des données de référence : les Départements de France métropolitaine (une ligne par département, avec sa région et sa population) et les Frontières entre départements (une ligne par paire de départements voisins, repérés par leurs codes).

Le Réseau lit ses données dans deux jeux distincts, à préparer avant de créer la visualisation :

• le jeu des nœuds : une ligne par nœud, avec une colonne qui l'identifie de façon unique (un code, un numéro). D'autres colonnes, facultatives, donnent son nom, une valeur numérique pour sa taille et une catégorie pour sa couleur ;
• le jeu des liens : une ligne par lien, avec deux colonnes qui contiennent chacune l'identifiant d'un nœud : le départ et l'arrivée du lien.

Les valeurs des deux colonnes de liens doivent être exactement celles de la colonne d'identification des nœuds. Un lien dont l'un des deux identifiants ne correspond à aucun nœud n'est pas dessiné, sans message d'erreur : vérifiez que les deux jeux écrivent les codes de la même façon (05 et non 5, sans espace, avec la même casse). Une ligne de nœud sans identifiant est ignorée ; si deux lignes ont le même identifiant, seule la première compte.

Les liens n'ont ni sens ni épaisseur : le graphe dessine un simple trait entre deux nœuds. L'ordre des deux colonnes n'a donc pas d'importance, et un lien sert autant à une relation orientée (une ligne de bus d'un arrêt au suivant) qu'à une relation symétrique (une frontière commune). La visualisation lit au plus 10 000 lignes de chaque jeu, mais au-delà de quelques centaines de nœuds le graphe devient illisible. Le Réseau n'a pas de filtres prédéfinis : pour n'en montrer qu'une partie, préparez des jeux restreints.

La section Sources de données désigne les deux jeux :

• [1] Jeu de données des nœuds : chaque ligne devient un nœud ;
• [2] Jeu de données des liens : chaque ligne devient un lien entre deux nœuds.

La section Nœuds dit quelles colonnes du jeu des nœuds utiliser :

• [1] Champ d'identification des nœuds : la colonne dont la valeur identifie chaque nœud, celle que l'on retrouve dans les colonnes du jeu des liens. Ici, le code du département ;
• [2] Champ de nom des nœuds : voir 2.1 ;
• [3] Champ de taille des nœuds et [4] Taille minimale et maximale : voir 2.2 ;
• [5] Couleur par valeur d'un champ, [6] Couleurs et ordre et [7] Couleur par défaut des nœuds : voir 2.3.

Le libellé d'un nœud est la valeur de son champ de nom. Sans champ de nom, c'est son identifiant qui s'affiche : des codes, lisibles pour qui les connaît, comme les numéros de départements, mais souvent opaques pour le lecteur. L'identifiant sert à relier les deux jeux, le nom sert à lire le graphe.

Le champ de taille est une colonne numérique : la plus petite valeur du jeu donne un nœud de la taille minimale, la plus grande un nœud de la taille maximale, et les autres s'étalent proportionnellement entre les deux. Un nœud sans valeur garde la taille par défaut, comme tous les nœuds quand aucun champ de taille n'est choisi. Un écart plus large entre les deux tailles fait mieux ressortir les nœuds importants, ici les départements les plus peuplés (le Nord, Paris, les Bouches-du-Rhône), au prix de petits nœuds presque invisibles.

Sans réglage, tous les nœuds prennent la couleur par défaut. Choisissez un champ dans Couleur par valeur d'un champ : la liste Couleurs et ordre propose alors ses valeurs, des plus fréquentes aux moins fréquentes (20 au plus), chacune avec son sélecteur de couleur. Choisissez de préférence une colonne qui compte peu de valeurs, comme ici les 13 régions.

Une légende apparaît en bas à droite du graphe, titrée du nom de la colonne, avec les valeurs de la liste dans le même ordre. Un nœud dont la valeur n'a pas de couleur dans la liste prend la couleur par défaut. La flèche à gauche du titre de la légende la replie, pour dégager le graphe.

La section Liens désigne les deux colonnes du jeu des liens :

• [1] Champ source : la colonne qui contient l'identifiant du nœud de départ ;
• [2] Champ cible : celle qui contient l'identifiant du nœud d'arrivée.

Ici, chaque frontière est une ligne avec les codes de ses deux départements ; comme le lien n'est pas orienté, peu importe lequel est la source.

La section Affichage règle la disposition du graphe et ses libellés :

• [1] Force de répulsion entre les nœuds : voir 4.1 ;
• [2] Taille de police des libellés, de 6 à 24 pixels (10 par défaut), et [3] Affichage des libellés : voir 4.2.

Les nœuds se repoussent les uns les autres pendant que les liens rapprochent les nœuds voisins : le graphe se stabilise quand ces forces s'équilibrent. La force de répulsion, de 0 à 1 000 (500 par défaut), règle l'écartement. Faible, elle donne un graphe compact où les groupes se touchent ; forte, elle écarte les nœuds et allonge les liens, et le graphe, recadré pour tenir dans la fenêtre, s'affiche plus petit.

Le libellé d'un nœud s'écrit sous lui. Trois affichages existent :

• Toujours (par défaut) : tous les noms sont visibles. Avec des dizaines de nœuds, ils se chevauchent vite, surtout avec une grande police ;
• Au survol : le nom n'apparaît qu'au survol du nœud. C'est le choix de l'exemple, où 96 noms toujours affichés se recouvriraient ;
• Jamais : aucun libellé ; le survol d'un nœud n'affiche que l'infobulle du navigateur, avec son nom.

La taille de police reste la même quand on zoome : zoomer écarte les nœuds et dégage donc les libellés.

Le visiteur manipule le graphe à la souris :

• la molette zoome sur le point visé, et un glisser sur le fond déplace la vue ;
• les boutons en haut à droite agrandissent, réduisent ou recadrent la vue sur tout le graphe ;
• un glisser sur un nœud le déplace, et le graphe se réorganise autour de lui ; relâché, il reprend sa place.

Pour les lecteurs d'écran, la visualisation fournit aussi un tableau équivalent, qui liste les liens avec le nom de leurs deux nœuds.

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