Diagrammes de Sankey

_images/SankeyPanneau.png

Démonstration

Pour une présentation en vidéo des fonctionnalités voir demo sankey.

Introduction

L’édition des diagrammes de sankey se fait au moyen de trois dialogues et d’une interaction directe dans la zone d’affichage (3) en utilisant souris et clavier pour dragger les noeuds et les flux. Les trois dialogues qui sont lancés depuis les trois boutons de la zone de dialogue (2) sont:

  • Le dialogue noeud (2.1) qui controle l’affichage des noeuds.

  • Le dialogue flux (2.2) qui controle l’affichage des flux.

  • Le dialogue réglages (2.3) qui controle des paramétres généraux d’affichage.

Dialogue Noeuds

_images/DialogueNoeuds.png

Composé de 3 boutons servant à ajouter, mettre à jour et supprimer des noeuds et d’une zone qui permet d’éditer leurs attributs.

Pour la mise à jour et la suppression le noeud doit préalablement être sélectionné par le click gauche de la souris dans la zone d’affichage. Un noeud est identifié par son id mais celui ci n’est pas éditable.

Les trois boutons sont:

  • Ajouter: ajoute un noeud au diagramme avec les attributs documentés ci-dessous. Un nouvel « id » est donné à ce noeud.

  • Mettre à jour: met à jour les attributs modifiés d’un neud déjà existant.

  • Supprimer: supprime un noeud déjà existant.

Et les attributs:

  • Nom: label du noeud

  • Couleur donné par son nom (grey, blue) ou code (#FF0000)

  • Orientation:

    • Vertical: les flux entrants et sortants sont horizontaux.

    • Horizontal: les flux entrants et sortants sont verticaux.

  • Type:

    • Produit: les noeuds sont representé par des ovales

    • Secteur: les noeuds sont representé par des rectangles

  • Visible: possibilité de cacher les noeuds

Dialogue Flux

_images/DialogueLiens.png

Composé de 3 boutons servant à ajouter, mettre à jour et supprimer des flux et d’une zone qui permet d’éditer leurs attributs.

Pour la mise à jour et la suppression le flux doit préalablement être sélectionné par le click gauche de la souris dans la zone d’affichage.

Les trois boutons sont:

  • Ajouter: ajoute un flux au diagramme avec les attributs documentés ci-dessous.

  • Mettre à jour: met à jour les attributs modifiés d’un flux déjà existant.

  • Supprimer: supprime un flux déjà existant.

Et les attributs:

  • Source(n°) et Cible(n°): id des noeuds source et cible. Détermine le sens du flux. Pour connaitre les id des noeuds il faut clicker sur ces noeuds pour voir leur id dans le dialogue noeuds.

  • Valeur: épaisseur du flux pour l’échelle donné dans le dialogue réglage

  • Couleur donné par son nom (grey, blue) ou code (#FF0000)

  • Type:

    • Classic: sans flêche et le flux alterne une trajectoire horizontal et vertical pour atteindre sa cible

    • Flêche: avec flêche et même comportement que Classic

    • Court: avec flêche en ligne droite

  • Frozen:

Dialogue Réglages

_images/DialogueRéglages.png
  • Echelle: valeur de base pour un flux qui serait rendu avec une épaisseur de 100 pixels.

  • Filtre: le filtre cache les flux dont la valeur est en dessous de celle du filtre.

  • Layout: permet d’appliquer le layout (emplacement des noeuds, attributs des noeuds et flux) d’un diagramme déjà existant au diagramme courant. Pour pouvoir appliquer ce layout, la structure du diagramme doit être similaire (même id des noeuds et les flux doivent être les mêmes)

Affichage et interaction

L’interaction dans la zone d’affichage permet:

  • bouger les noeuds: click gauche et drag ( cliquer move_nodes)

  • bouger les labels des noeuds et des flux: touche Alt + click gauche et drag ( cliquer move_label )

  • déplacement de la sinuosité par click gauche sur celle ci (apparition d’un carré) puis drag ( cliquer move_sinuosity)

  • reorganiser l’ordre des flux entrants et sortants pour minimiser les croisements: click droit puis dialogue ( cliquer reorg_nodes_links):

    • Réorganiser les flux entrants

    • Réorganiser les flux sortants

Autres fonctionnalités

Le menu offre des fonctionnalités additionnelles

  • Nouveau/Réinitialiser: efface tous les noeuds et les flux du diagramme

  • Enregistrer (Fichiers/Enregistrer) : le diagramme est sauvé en format JSON

  • Ouvrir (accessible dans Fichiers/Ouvrir)

  • Publication du diagramme en deux format possibles (accessible dans Fichiers/Exporter):

    • SVG

    • PDF

Génération automatique de diagramme

L’application est capable de générer des diagrammes de sankey à partir d’un fichier excel. Cette fonctionnalité est accessible dans Diagrammmes/Génération automatique/Depuis format Excel. Les onglets requis sont un sous ensemble des onglets en sorties de l’application AFM Filières (voir Format du fichier Excel d’entrée). C’est ce qui permet entre autre de réprésenter sous forme de diagrammes de Sankey les sorties de AFM Filières. Cependant cette fonctionnalité peut être utilisé indépendamment.

Les trois onglets requis sont les deux onglets d’entrée:

  • Dim produits

  • Dim secteurs

en particulier les colonnes Sankey ? et Color qui sont utilisés pour cette application (voir Format du fichier Excel d’entrée).

et l’onglet de sortie

  • « result liste » ou « result liste full »