graphviz visual editor

Graphviz-Visual-Editor

Essayez-le sur http://magjac.com/graphviz-visual-editor.

Une application Web pour l'édition visuelle interactive des graphiques Graphviz décrits dans le langage DOT.

Installation

 git clone https://github.com/magjac/graphviz-visual-editor
cd graphviz-visual-editor
npm install
make
npm run start

Remarque: Le stade Make émet quelques avertissements. Ignorez-les.

Pour créer une construction optimisée de l'application:

 npm run build

En savoir plus sur la lecture de l'application Create React et le guide de l'utilisateur.

Fonctionnalités implémentées

• Rendu d'un graphique à partir d'une représentation textuelle DOT.
• Panning et zoom du graphique.
• Édition de la source DOT dans un éditeur de texte sensible au contexte.
• Édition visuelle du graphique à travers les interactions de souris:
  • Insérez les formes de nœud par clic ou glisser-déposer.
  • Sélectionnez le style de nœud par défaut, la couleur et le fillcolor.
  • Dessinez des bords entre les nœuds.
  • Sélectionnez les nœuds et les bords en cliquant ou par la zone glisser et marquez-les dans l'éditeur de texte.
  • Supprimer les nœuds et les bords sélectionnés.
  • Coupez / copier-et-casson un nœud sélectionné.
• Mise à jour automatique de la source DOT lorsque le graphique est modifié visuellement.
• Mise à jour automatique du graphique lorsque la source de points est modifiée.
• Transition animée du graphique en un nouvel état lorsque des modifications sont apportées.
• Préservation de la source DOT et de l'état d'application lors des recharges de page par enregistrer automatiquement et récupérer vers / depuis le stockage local dans le navigateur.
• Exporter le graphique en tant qu'URL et graphique d'importation à partir d'une telle URL.
• Graphique d'exportation sous forme de SVG.
• Options:
  • Montez automatiquement le graphique à la zone de dessin disponible.
  • Sélectionnez le moteur de mise en page Graphviz.
• Aide en ligne:
  • Raccourcis clavier
  • Interactions de souris

Navigateurs testés

• Firefox 71
• Chrome 79

Problèmes connus

Les problèmes connus ne sont pas répertoriés ici .

Tous les bogues et les demandes d'amélioration connus sont signalés comme des problèmes sur GitHub et sont répertoriés dans l'onglet Issues.

Tous les problèmes ouverts

Répertorie les bogues et les demandes d'amélioration.

Bogues ouvertes connues

Demandes d'amélioration ouvertes

Limitations connues

Une limitation est une fonctionnalité délibérément libérée sans fonctionnalité complète. Une limitation est classée à la fois comme un bogue et comme une demande d'amélioration pour refléter que bien qu'il s'agisse d'une amélioration non encore implémentée du point de vue de l'auteur, elle pourrait être perçue comme un bogue du point de vue de l'utilisateur.

Problèmes fermés

Feuille de route

Il manque de nombreuses fonctionnalités intéressantes. Ils sont ou seront répertoriés comme des demandes d'amélioration sur GitHub.

Il existe également un conseil de projet montrant les activités à court terme.