1 dépôt
Nodes implemented as modular React components that manage internal state and report positions to a central engine.
Distinct from Node-Based UI Components: Specific to React component implementation of nodes rather than generic node-based UI components
Explore 1 awesome GitHub repository matching user interface & experience · React Component Nodes. Refine with filters or upvote what's useful.
react-diagrams est un framework pour construire des diagrammes interactifs de nœuds et de liens ainsi que des graphes visuels au sein d'applications React. Il fonctionne comme un outil de visualisation de graphes interactif et un concepteur de workflow visuel, fournissant un système pour rendre des canevas manipulables de nœuds connectés. La bibliothèque se distingue par sa capacité à agir comme un gestionnaire de diagramme d'état sérialisable, convertissant des mises en page de nœuds complexes et des états de connexion en formats de données stockables pour la persistance de session. Elle permet en outre des extensions de comportement personnalisées pour modifier la logique centrale et des modules pour implémenter des fonctionnalités spécifiques au projet. Le système couvre un large éventail de capacités de diagramme et de visualisation, incluant le panoramique de la fenêtre, le zoom et la manipulation d'éléments par glisser-déposer. Il gère le routage automatique des liens pour éviter les chevauchements visuels et fournit des outils pour le style des éléments personnalisés et la gestion des couches afin de contrôler l'ordre de rendu.
Provides a modular architecture where nodes are defined as stateful React components.