4 dépôts
Addition of labels, sub-labels, and symbols to graph nodes for identification and context.
Distinct from Figma Node Annotators: Candidates focus on Figma-specific tools, AST labeling, or network advertisements, whereas this is a general data visualization annotation capability.
Explore 4 awesome GitHub repositories matching user interface & experience · Node Annotations. Refine with filters or upvote what's useful.
Markdoc is a documentation content framework that extends standard Markdown with custom tags, typed schemas, and reusable components, parsing content into an abstract syntax tree and rendering it as React elements or HTML. It provides a structured authoring system where documents are processed through an AST-based pipeline, enabling validation, transformation, and flexible output generation. The framework distinguishes itself through a schema-driven validation pipeline that checks document structure and attribute values against defined rules, and a pluggable renderer architecture that accepts
Attaches typed data to any node by placing attributes in a separate annotation block after the node.
3d-force-graph is a WebGL-accelerated component for rendering interactive network graphs in three-dimensional space. Built on the ThreeJS library, it positions nodes using a force-directed physics simulation that can be driven by either a D3-force or ngraph engine, producing dynamic layouts that users can rotate, zoom, and pan using mouse, keyboard, or touch controls. The component distinguishes itself through comprehensive camera control capabilities, including programmatic positioning, animated transitions, automatic timed orbiting, and zoom-to-fit functionality that frames all nodes within
Provides annotation capabilities for graph nodes and links using text, HTML, or custom elements.
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.
Provides a mechanism to integrate custom UI components to define the appearance and behavior of graph nodes.
Unovis is a modular SVG and Canvas data visualization library used to build interactive charts, maps, and network graphs. It provides a framework-agnostic set of primitives for creating data dashboards and specialized visualizations. The library is distinguished by its dedicated toolkits for different visualization domains, including an XY charting library for coordinated plots, a network graph framework for relational data, and a geospatial visualization toolkit for TopoJSON-based mapping. Its capability surface covers a wide range of data representations, including linear, area, and bar ch
Supports adding primary labels, secondary sub-labels, and custom symbols to nodes for identification.