Maison > interface Web > js tutoriel > Quelle bibliothèque JavaScript visualise le mieux les petits graphiques dirigés par glisser-déposer ?

Quelle bibliothèque JavaScript visualise le mieux les petits graphiques dirigés par glisser-déposer ?

Patricia Arquette
Libérer: 2024-12-09 15:24:12
original
499 Les gens l'ont consulté

Which JavaScript Library Best Visualizes Small, Drag-and-Droppable Directed Graphs?

Bibliothèques JavaScript pour la visualisation de graphiques

Problème :

Vous avez besoin d'une bibliothèque JavaScript pour restituer dynamiquement un graphique orienté sur un Page HTML. Le graphique sera relativement petit, les performances ne sont donc pas une préoccupation majeure. De plus, vous souhaitez pouvoir ajuster manuellement la mise en page en faisant glisser les nœuds.

Solution :

GraphDracula

  • Bibliothèque JavaScript sous licence MIT avec prise en charge de la mise en page de graphiques dirigés au format SVG.
  • Vous permet de créer facilement les nœuds et les bords à l'aide du code JavaScript.
  • Comprend un algorithme de présentation de graphiques basé sur la force et prend en charge le déplacement des nœuds.
  • Toujours en cours de développement, mais entièrement utilisable dans la plupart des cas.

Autre Options :

  • vis.js : Bibliothèque polyvalente prenant en charge les graphiques de réseau/bord, les chronologies et divers types de graphiques.
  • Cytoscape.js : Bibliothèque interactive d'analyse et de visualisation de graphiques avec support mobile et de type jQuery conventions.
  • Jit : Cadre interactif pour le dessin et la mise en page de graphiques.
  • D3.js : Bibliothèque de visualisation puissante avec prise en charge des graphiques dirigés par la force .
  • Plotly : Bibliothèque de visualisation utilisant D3.js avec des liaisons pour JavaScript, Python, R et MATLAB.
  • sigma.js : Bibliothèque légère pour dessiner des graphiques.
  • jsPlumb : plug-in jQuery pour créer des graphiques connectés.
  • Springy : Disposition des graphiques dirigés par la force algorithme.
  • JS Graph It : Glissez-déposez des boîtes reliées par des lignes.
  • Graffle de RaphaelJS : Exemple de dessin de graphique interactif utilisant un vecteur bibliothèque de dessins.
  • JointJS Core : Bibliothèque de diagrammes open source qui prend en charge outils de création de diagrammes interactifs.
  • mxGraph :Bibliothèque commerciale pour le dessin et la mise en page de graphiques interactifs.

Bibliothèques abandonnées :

  • Cytoscape Web
  • Canviz JS
  • arbor.js

Bibliothèques non-JavaScript :

  • Graphviz (port Emscripten pour JavaScript)
  • Flare (basé sur Flash)
  • NodeBox (Python)
  • Processing.js (port JavaScript de Processing)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal