Ressources numériques en sciences humaines et sociales OpenEdition Nos plateformes OpenEdition Books OpenEdition Journals Hypothèses Calenda Bibliothèques OpenEdition Freemium Suivez-nous

Visualiser des concepts sous forme de graphe

Introduction

Par défaut, un thésaurus est affiché sous forme d’arborescence. Bien que ce format d’affichage ait de multiples avantages, le problème majeur est lorsque l’on retrouve un concept à deux endroits différents. Prenons les exemples suivants: si le concept “Lyon” se trouve à la fois en tant que Terme spécifique de “Rhône” et “Villes gastronomiques”, l’affichage sous forme d’arborescence l’affichera à deux endroits différents; ou bien si ce même concept “Lyon” figure dans deux thésaurus différents comme “France” et un autre thésaurus “Lyon” dont une relation d’Alignement permet de relier les deux concepts: l’affichage arborescent ne permettra pas de croiser les informations car il s’agit d’un alignement.

La solution à ce problème serait de trouver un nouveau moyen d’afficher les concepts de façon à ce que si un élément se trouve à plusieurs endroits, il ne soit affiché qu’une fois mais avec un lien venant de ses parents ainsi que, si jamais il s’agit d’un Alignement, il soit possible de croiser les thésaurus pour avoir une vue d’ensemble des informations. Il à donc été décidé de pouvoir afficher les thésaurus non pas sous forme d’arborescence mais sous forme de graphe afin de régler ces problèmes.

Fonctionnement

Le but de la visualisation graphe n’est pas de remplacer l’affichage sous forme d’arborescence, une système de “Vues” à donc été mis en place afin de permettre aux utilisateurs qui ont accès à des thésaurus de pouvoir en sélectionner l’ensemble ou une partie afin de les visualiser sous forme de graphe. Ces vues sont liés à l’utilisateur et ne permettent de visualiser que des thésaurus auxquels l’utilisateur possède des accès en écriture.

Créer des vues

La création de vues se réalise depuis Openthéso2 en ayant un utilisateur connecté. Un nouveau bouton Graphe se trouve désormais dans la barre de navigation de l’application.



La page des graphes est séparée en 3 blocs distincts:



Afin de visualiser les concepts, il faut donc dans un premier temps créer une nouvelle vue avec le bouton en haut à droite. Lors de l’appui sur ce bouton, une boîte de dialogue apparaîtra afin de demander à l’utilisateur de renseigner un titre et une description pour la nouvelle vue.



Une fois les information enregistrées grâce au bouton Appliquer, la boite dialogue s’étend pour permettre d’ajouter des thésaurus et des branches de concepts (une branche représente un concept ainsi que tous ses concepts fils, les fils de ses fils, etc…) à la vue. Les thésaurus listés sont ceux auxquels l’utilisateur possèdes des accès en écriture. Si aucune branche n’est sélectionnée, le thésaurus complet sera ajouté à la vue (A noter que seulement 2000 noeuds peuvent être exportés pour des raisons de performances: mieux vaux créer plusieurs petites vues au lieu d’une grosse)





Il n’y a pas de limites sur le nombre de thésaurus et branches à ajouter sur la vue. Afin de valider l’ajout à la liste des exports, il suffit d’appuyer sur le bouton Ajouter.



Une fois une vue créée, trois boutons sont visibles:



  1. Afficher avec D3.js: Permet de visualiser le graphe et interagir avec dans un nouvel onglet.

  2. Exporter vers Neo4J: Si une base de données Neo4J est renseignée dans les paramètres de l’application, ce bouton exportera les données vers Neo4J.

  3. Le burger en haut à droite: permet de modifier et supprimer la vue.


Interagir avec le graphe


Lors du clic sur le bouton Afficher avec D3.js, l’utilisateur sera redirigé sur une page de visualisation du graphe.



Une fois dans cet affichage, il y a beaucoup de chances que le graphe ait peu de lisibilité car les noeuds se superposent. Il est possible de déplacer les noeuds grâce à la simulation mise en place avec la bibliothèque D3.js.



Il est important de noter que la vitesse de la simulation dépend fortement de la puissance de l’ordinateur ainsi que du nombre de noeuds affichés.




 


Il est également possible de se rendre sur la page d’un concept ou d’une ressource d’alignement en cliquant sur un noeud (la page s’ouvre dans un nouvel onglet du navigateur).



 


Personnaliser la visualisation


En haut à gauche du visualiseur, se trouvent deux boutons:



  1. Retour à Opentheso: Redirige vers la liste des vues dans Opentheso

  2. Ouvrir/fermer le menu: Permet d’afficher un menu de paramétrage pour la vue


Lors de l’ouverture du menu, plusieurs options s’offrent à l’utilisateur:



  1. URL pour récupérer les données: Url pointant vers le webservice d’Opentheso permettant de récupérer les données à afficher.

  2. Afficher les labels de relations: Case à cocher permettant d’afficher un label au dessus de chaque relation. Uniquement le français est disponible à l’heure actuelle.

  3. Relations affichées: Multi-select permettant d’afficher et/ou masquer certains types de relations.

  4. Noeuds affichés: Multi-select permettant d’afficher et/ou masquer certains types de noeuds.

  5. Code langue: Code de langue pour changer la langue des noms de concepts (Il faudra recalculer le graphe avec le bouton afficher).

  6. Exportation au format SVG: Permet d’exporter le graphe affiché sur la page de l’utilisateur au format SVG.


Afficher les labels des relations



Relations Affichées



Noeuds



Exportation au format PNG


Scène avant exportation:



Résultat (converti en PNG avec un outil en ligne afin de pouvoir être affiché dans cet article):



OpenEdition vous propose de citer ce billet de la manière suivante :
jeremyboureux (22 juillet 2024). Visualiser des concepts sous forme de graphe. Opentheso. Consulté le 16 mai 2025 à l’adresse https://doi.org/10.58079/122nf


Vous aimerez aussi...

2 réponses

  1. _ dit :

    Merci pour cette nouvelle fonctionnalité.
    Quelques remarques:
    1) Petite coquille dans le formulaire : “Afficher les labels des relations” –> “Afficher les libellés des relations”.
    2) Petites coquilles dans l’article :
    “Exportation au format PNG” –> “Exportation au format SVG”
    “Résultat (converti en PNG” –> ” Résultat (converti en SVG”
    3) Plutôt que de demander le code langue, il serait peut-être plus sûr (et plus ergonomique) de proposer une liste déroulante des langues des thésaurus concernés.
    4) Pour la sélection des thésaurus et des branches (concepts, non?), il serait plus ergonomique d’afficher les libellés en plus des codes dans la fenêtre “Gérer une vue” et la page “Graphe” (n’afficher que les codes, ça n’est pas très parlant).
    5) L’affichage des libellés des relations est-il dans la langue de l’utilisateur ? Est-il possible de la choisir ?
    6) Serait-il possible d’avoir une URL par vue pour facilement les partager (pareil pour le thésaurus en graphe, d’ailleurs)?

    • Miled Rousset dit :

      Bonjour, merci pour votre retour sur cette nouvelle fonctionnalité. Je vais noter vos remarques sur le tableau des actions à venir.
      Ce module n’est qu’un début d’interconnexion avec les graphes, il y aura certainement des ajustements qui vont permettre un meilleur confort pour l’utilisateur.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

This site uses Akismet to reduce spam. Learn how your comment data is processed.