4 repositorios
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 es una librería de visualización de grafos interactiva y motor de diagramación basado en SVG utilizado para construir diseñadores de flujos basados en nodos y editores de flujos visuales. Proporciona un framework para renderizar nodos, bordes y grupos interconectados para modelar arquitecturas técnicas, procesos de negocio y flujos de trabajo basados en datos. El proyecto se distingue por su capacidad para integrar componentes de UI personalizados como nodos de grafo y su soporte especializado para la visualización de linaje de datos. Permite el mapeo de relaciones entre campos de datos, tablas y entidades de negocio para rastrear la procedencia y monitorear el estado del flujo de trabajo. El sistema cubre un amplio rango de capacidades, incluyendo algoritmos de diseño de nodos automatizados, anidamiento de grupos jerárquicos y validación de lógica de conexión. Incluye utilidades de navegación como un minimapa, controles de zoom y paneo, y selección de marquesina, junto con herramientas para el recorrido de topología de grafos y exportación de imágenes en formatos vectoriales y rasterizados. La librería está implementada 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.