web-dev-qa-db-fra.com

Développer / Réduire l'indice sur un graphique

Je travaille actuellement sur un organigramme avec Collapse/Développer une capacité. Dans le cas où il importe, le code d'origine provient de D3/VISX. Pour améliorer l'expérience utilisateur, je souhaite inclure une indice qu'un nœud peut être étendu ou effondré. Dans mon exemple ci-dessous:

  • "LOGICIEL LE MORT" peut être étendu
  • "Gestionnaire de projet", "Analyste Business" et "Leadware Hardware" peut être effondré
  • "Les sponsors" ne peuvent pas être élargis

Pour l'instant, j'ai ajouté un point rouge/vert dans le coin supérieur droit de chaque nœud actif. Est-ce que ça fait du sens? Y a-t-il une meilleure façon?

Flow chart with red and green circles on some nodes to indicate expandability

2
Christophe

La visualisation des données utilise la couleur (et la forme) pour différencier l'état, la magnitude et les différences catégoriques entre les données. Ils sont souvent la goûte à la compréhension d'un jeu de données.

Votre question concerne Capacités d'interface utilisateur , dans ce cas, la possibilité d'élargir un élément pour afficher les éléments de l'enfant.

Vous pouvez rechercher des indicateurs mettant l'accent sur une fonction, à ne pas être confondu avec les qualités de données elles-mêmes.

Ceci est peut être représenté par une famille d'icônes: j'ai utilisé une expansion/effondrement typique, mais il y a d'autres moyens.

Étant donné que les icônes ne sont pas universellement comprises, vous devez tester pour trouver ce qui fonctionne, et peut-être fournir une clé pour les fonctions.

enter image description here

3
Mike M

Je pense que vous êtes presque là. Des badges ovales parfois colorés communiquent "quelque chose ici est nouveau", comme le dit Mike M. Dit, une icône pourrait être le meilleur moyen de communiquer la fonction.

Un modèle commun pour l'expansion/l'effondrement est Circle Plus/Circle moins.

Flow chart with circle plus icons in the corner

2
Izquierdo