GoJS
Générer et manipuler des diagrammes via l'API JavaScript
Bibliothèque JavaScript Open Source qui permet aux développeurs de créer et de traiter des diagrammes, des graphiques ainsi que des graphiques dans leurs propres applications JavaScript.
Une bibliothèque JavaScript très puissante qui donne aux développeurs de logiciels la possibilité de générer et de manipuler des diagrammes, des graphiques ainsi que des graphiques dans leurs propres applications JavaScript. La bibliothèque a inclus la prise en charge des mises en page intégrées telles que la mise en page arborescente, la mise en page digraphe radiale et en couches et certaines mises en page personnalisées. La bibliothèque peut être facilement utilisée dans un navigateur Web ou côté serveur dans Node ou Puppeteer.
La bibliothèque GoJS est très flexible et permet aux développeurs de créer différents types de diagrammes, tels que des organigrammes, des diagrammes médicaux, des organigrammes, des outils de conception, des outils de planification, des diagrammes d'état, des diagrammes Sankey, des processus industriels, des langages visuels, etc. .
La bibliothèque offre des fonctionnalités interactives très puissantes telles que glisser-déposer des éléments d'un diagramme, copier et coller du contenu, des info-bulles, des menus contextuels, l'utilisation de modèles, la prise en charge de la liaison de données, des gestionnaires d'événements, des mises en page automatiques, l'application d'animations personnalisables, etc. Vous pouvez également rendre l'élément HTML Canvas et l'exporter au format SVG ainsi que dans d'autres formats d'image.
Premiers pas avec GoJS
La méthode recommandée pour installer GoJS est via npm, il est disponible via le gestionnaire de packages npm, utilisez les commandes suivantes.
Installer GoJS via npm
$ npm install gojs --save
Dessinez des organigrammes via l'API JavaScript
La bibliothèque open source GoJS a pris en charge la création de plusieurs types de diagrammes et la présentation de fonctionnalités et de mises en page spécifiques. Vous pouvez dessiner des organigrammes avec quelques lignes de code JavaScript. La bibliothèque a inclus la prise en charge des palettes, des nœuds pouvant être liés, du comportement de glisser/déposer, de l'édition de texte et de l'utilisation de cartes de modèles de nœuds pour dessiner des diagrammes d'organigramme. Vous pouvez également modifier facilement le diagramme et le nœud de diagramme existants ainsi que Textblock.
Créer et modifier un diagramme d'état via JavaScript
Un diagramme d'état est utilisé pour décrire le comportement des systèmes. Le diagramme d'état peut être utilisé pour représenter l'état du système ou d'une partie du système à un nombre fini d'états ou d'instants. La bibliothèque GoJS a fourni un support pour la création et l'édition de diagrammes d'état avec facilité. Vous pouvez facilement dessiner autant de nœuds que vous le souhaitez et dessiner autant de liens d'un nœud à un autre que vous le souhaitez, et vous pouvez remodeler les liens ou les supprimer lorsqu'ils sont sélectionnés.
Générer un circuit logique via JavaScript
Les portes logiques sont les éléments de base de tout système numérique. Une porte logique est un modèle de calcul idéal ou un dispositif électronique physique mettant en œuvre une fonction booléenne. La bibliothèque est très riche en fonctionnalités et a fourni plusieurs fonctions importantes pour la fabrication de circuits à l'aide de portes et de fils. Il est très convivial et aide les utilisateurs à gérer facilement les diagrammes. Une palette est fournie qui vous permet de glisser-déposer de nouveaux nœuds et de gérer votre diagramme. Vous pouvez facilement mettre à jour chaque nœud en fonction du type qui utilise la couleur des liens dans le nœud pour déterminer la couleur de ceux qui en sortent.
Dessiner et positionner les éléments du diagramme
La bibliothèque open source GoJS permet aux développeurs de logiciels de dessiner et de positionner facilement les éléments du diagramme dans leurs propres applications JavaScript. La bibliothèque permet aux développeurs de sélectionner et de positionner les parties sélectionnées d'un diagramme les unes par rapport aux autres avec seulement quelques lignes de code. Vous pouvez également manipuler facilement les touches fléchées et utiliser un "décalage de collage" afin que les objets collés les mettent en cascade plutôt que de les placer les uns sur les autres.