joint

JointJS - Bibliothèque de diagrammes JavaScript alimentant des interfaces utilisateur exceptionnelles

JointJS est une bibliothèque de diagrammes JavaScript / Typescript testée et éprouvée qui aide les développeurs et les entreprises de toute taille à créer des applications visuelles et No-Code/Low-Code plus rapidement et en toute confiance. Il s'agit d'un outil flexible à partir duquel une large gamme d'interfaces utilisateur peut être créée (applications de création de diagrammes interactives, outils de dessin, visualisations de données, interfaces utilisateur pour les systèmes de surveillance et bien d'autres). Il peut devenir la couche fondamentale de votre prochaine application et vous aider à commercialiser votre idée en quelques jours, et non en mois ou en années.

De plus amples informations , exemples et documentation peuvent être trouvés sur jointjs.com.

? Commencez avec des tutoriels.

Pour poser une question, partager des commentaires ou engager une discussion avec d'autres membres de la communauté, visitez nos discussions GitHub.

D'autres exemples sont disponibles sur CodePen.

Consultez notre documentation sur la carte mentale.

Caractéristiques

• éléments essentiels du diagramme (rect, cercle, ellipse, texte, image, chemin)
• éléments de diagramme prêts à l'emploi de diagrammes connus (ERD, Org chart, FSA, UML, PN, DEVS, ...)
• éléments de diagramme personnalisés basés sur SVG ou rendus par programme
• connecter des éléments de diagramme avec des liens ou des liens avec des liens
• liens personnalisables, leurs pointes de flèches et étiquettes
• formes de liens configurables (ancres, points de connexion, sommets, routeurs, connecteurs)
• propriétés et données des éléments personnalisés
• importer/exporter depuis/vers le format JSON
• ports d'éléments personnalisables (apparence et position, répartis autour des formes ou positionnés manuellement)
• API de graphe riche (traversal, dfs, bfs, trouver des voisins, des prédécesseurs, des éléments au point, ...)
• interactivité granulaire
• diagrammes hiérarchiques (conteneurs, éléments intégrés, relations enfant-parent)
• outils d'éléments et de liens (boutons, icônes d'état, outils pour modifier la forme des liens, ...)
• des surligneurs (fournissent un accent visuel à vos éléments)
• mises en page automatiques (organiser automatiquement les éléments et les liens)
• fortement axé sur les événements (réagir à tout événement qui se produit à l'intérieur du diagramme)
• zoomer/dézoomer
• support tactile
• Architecture MVC
• Basé sur SVG
• ... beaucoup plus

Navigateurs pris en charge

• Dernier Google Chrome (y compris mobile)
• Dernier Firefox
• Dernier Safari (y compris mobile)
• Dernier Microsoft Edge
• Dernier opéra

Environnement de développement

Si vous souhaitez travailler sur JointJS localement, utilisez les directives suivantes pour commencer.

Dépendances

Assurez-vous que les dépendances suivantes sont installées sur votre système :

• Noeud.js
• grognement-cli
• git
• fil

Assurez-vous que vous utilisez la version Yarn >= 2.0.0, afin d'avoir accès à la fonctionnalité des plages d'espace de travail Yarn. Si vous utilisez Volta, il lira automatiquement cette restriction à partir de package.json .

Installation

Clonez ce dépôt git :

git clone https://github.com/clientIO/joint.git

Accédez au répertoire joint :

 cd joint

Installez toutes les dépendances :

yarn install

Générez des fichiers de distribution à partir du code source :

yarn run dist

Vous êtes maintenant prêt à parcourir nos exemples d'applications, qui combinent les fonctionnalités de plusieurs packages JointJS :

 cd examples

Reportez-vous au fichier README.md de chaque application pour obtenir des instructions supplémentaires.

Vous pouvez également parcourir les applications de démonstration de notre package JointJS Core :

 cd packages/joint-core/demo

La plupart des démos peuvent être exécutées en ouvrant simplement le fichier index.html dans votre navigateur. Certaines démos contiennent des instructions supplémentaires, que vous pouvez trouver dans leurs fichiers README.md respectifs.

Essais

Pour exécuter tous les tests :

yarn run test

Pour exécuter uniquement les tests côté serveur :

yarn run test-server

Pour exécuter uniquement les tests côté client :

yarn run test-client

Pour exécuter uniquement des tests TypeScript :

yarn run test-ts

Peluche

Pour vérifier les erreurs de linting dans les répertoires src et types :

yarn run lint

Pour corriger automatiquement les erreurs, exécutez eslint pour les répertoires src et types :

yarn run lint-fix

Rapports de couverture de code

Pour générer un rapport de couverture de code au format HTML :

yarn run test-coverage

Pour générer un rapport de couverture de code au format lcov :

yarn run test-coverage-lcov

La sortie de tous les tests unitaires sera enregistrée dans le répertoire packages/joint-core/coverage .

Contributeurs

Licence

La bibliothèque JointJS est sous licence Mozilla Public License 2.0.

Copyright © 2013-2024 client IO