Outil de création de diagrammes à partir d'un texte lié à des propriétés

Question

Je cherche un outil avec un ensemble spécifique de fonctionnalités, et je n'en trouve aucun.

• Peut générer les diagrammes à partir du texte, comme yUML. Ce n'est pas obligatoire mais cela rendra la vie beaucoup plus facile.
• Si la fonctionnalité précédente est enrichie avec un aperçu et l'achèvement du code ou un éditeur visuel, ce serait beaucoup mieux.
• La caractéristique la plus importante est de pouvoir lier des champs spécifiques à l'intérieur d'une entité. Peu importe s'il s'agit de champs de table ou de propriétés de classe, il est très important que je puisse créer un lien vers un champ spécifique. Vous pouvez voir un exemple ci-dessous dans l'image ci-jointe. Je ne pouvais pas trouver un outil text-to-diagram qui fait cela. Le seul outil qui peut le faire à partir de mes connaissances est lucidChart.
• Il évite que les lignes se croisent autant que possible, et lorsqu'il n'est pas possible d'éviter d'utiliser un demi-cercle pour préciser quelle ligne croise laquelle. Vous pouvez le voir aussi dans l'exemple ci-dessous.
• Sortie lisible par l'homme. C'est inutile si je ne pouvais pas comprendre le diagramme.
• Accepte les couleurs. Ce serait idéal si je peux spécifier la couleur de chaque ligne.
• Les lignes peuvent contenir du texte
• [facultatif] Indique le nombre de flèches qui sortent de certaines propriétés ou entités.

S'il vous plaît spécifier un outil qui a la plupart des fonctionnalités, peu importe si elle ne satisfait pas à tous. Ce serait un plus si l'éditeur est piratable, par exemple avec javascript.

Je peux envisager des bibliothèques javascript tant que je n'ai pas besoin de programmer un framework complet pour les utiliser.

Merci d'avance.

Answer 1

http://www.graphviz.org/ est éprouvé et vrai - il existe des outils pour l'interface graphique aussi, comme http://vincenthee.github.io/DotEditor/

Answer 2

La fonction « Lien vers le texte » que vous recherchez est communément appelé « reliant à ports ». Les nœuds/sommets et parfois aussi les bords/connecteurs peuvent avoir des ports et les bords ne se connectent pas directement aux nœuds, mais aux ports. Ainsi, pour chaque champ de texte de votre exemple, vous pouvez définir un port et vous pouvez avoir zéro ou plusieurs arêtes reliées à ce port exact. Je ne sais pas si votre exigence de ne pas avoir à "programmer un framework complet" est satisfaite par mon outil proposé, qui est en fait une bibliothèque Javascript commerciale: yFiles for HTML supporte de manière inhérente les ports et les schémas automatiques qui peuvent prendre en compte ces ports (voir le documentation sur les concepts appelés contraintes de port et candidats de port).

Le composant de vue de la bibliothèque prend également en charge les ponts/sauts/demi-cercles pour les croisements et l'importation de votre propre graphique à partir de votre propre format de texte est facile avec l'API. Bien sûr, la création interactive des graphiques est également possible.

Clause de non-responsabilité: Je travaille pour la société qui crée cette bibliothèque, mais je ne représente pas mon employeur sur SO.Voir here pour plus de bibliothèques de diagrammes Javascript - seulement très peu d'entre eux supportent intrinsèquement les ports et à côté aucun d'eux n'a des algorithmes sophistiqués de disposition automatique qui peuvent fonctionner avec des ports et des contraintes. Cependant, il existe des alternatives libres qui peuvent suffire pour des cas d'utilisation simples.