Awesome GitHub RepositoriesCustom Graph Element Integration

Butterfly est une bibliothèque de visualisation de graphes interactive et un moteur de diagramme basé sur SVG utilisé pour construire des concepteurs de flux de travail basés sur des nœuds et des éditeurs de flux visuels. Il fournit un framework pour le rendu de nœuds, d'arêtes et de groupes interconnectés afin de modéliser des architectures techniques, des processus métier et des flux de travail basés sur les données. Le projet se distingue par sa capacité à intégrer des composants d'interface utilisateur personnalisés en tant que nœuds de graphe et son support spécialisé pour la visualisation de la lignée des données. Il permet le mappage des relations entre les champs de données, les tables et les entités métier pour suivre la provenance et surveiller le statut des flux de travail. Le système couvre un large éventail de capacités, incluant des algorithmes de mise en page automatique des nœuds, l'imbrication hiérarchique des groupes et la validation de la logique de connexion. Il inclut des utilitaires de navigation tels qu'une mini-carte, des contrôles de zoom et de panoramique, et une sélection par zone, ainsi que des outils pour le parcours de la topologie du graphe et l'exportation d'images aux formats vectoriels et matriciels. La bibliothèque est implémentée en JavaScript.

Relation-graph is a frontend library designed for building interactive node-link diagrams and relationship visualizations within web applications. It provides a framework for rendering complex network structures that support manual manipulation, including zooming, dragging, and real-time structural editing. The library distinguishes itself through a framework-agnostic core that separates graph layout logic from the rendering layer. This architecture enables developers to inject custom HTML or framework-specific components directly into graph nodes and edges, allowing for highly tailored visua