jagenjo/litegraph.js
Litegraph.js
litegraph.js is a JavaScript dataflow framework and visual node graph engine used to define programmable logic and data flow. It provides a node-based visual programming tool for designing complex logic through connected functional blocks.
The library allows for the creation of hierarchical logic by nesting multiple nodes into recursive subgraphs. It also supports the development of custom node types with unique inputs and outputs, as well as custom widgets and live views that can hide the underlying graph structure to present a visual interface.
The engine enables the execution of logic graphs for real-time data processing across both web browser and server environments. It covers a broad range of capabilities including modular workflow design and visual interface prototyping.
Features
- Visual Node Editors - Provides a framework for building interactive node-based graph interfaces to define programmable logic and data flow.
- Custom Functional Node Development - Supports creating specialized functional blocks with unique inputs and outputs to extend graph capabilities.
- Real-Time Data Processors - Executes logic graphs across browser or server environments to process and route data in real-time.
- Node Type Definitions - Allows the definition of new functional blocks by specifying inputs, outputs, execution logic, and visual properties.
- Node Graph Engines - Acts as a JavaScript library for creating interactive node-based graphs to define programmable logic and data flow.
- Cross-Environment Runtimes - Executes the same graph logic across both web browsers and Node.js server environments using a shared API.
- Visual Logic Programming - Enables building interactive node graphs to define programmable data flow and logic without traditional linear code.
- Dataflow Frameworks - Implements a system for executing logic graphs across browser and server environments using custom functional nodes.
- Execution Graphs - Implements a directed network of connected input and output ports to trigger function calls and process data.
- Hierarchical Nesting - Supports grouping collections of nodes into composite nodes to create hierarchical layers of programmable logic.
- Nested Graph Encapsulation - Enables grouping multiple nodes into single parent nodes to simplify complex logic and organize workspaces.
- Live View Modes - Hides the graph structure using a live mode to display only custom rendering or node widgets.
- Dynamic Plugin Registrations - Allows new functional blocks to be defined and added to the runtime system without restarting the application.
- Canvas Rendering - Uses a 2D canvas to render the graph interface and node connections for high-performance interaction.
- Graph Visualization Libraries - Provides a library for rendering hierarchical data as interactive node-link diagrams with custom widgets.
- Graph-Based Modularity - Organizes complex logic by nesting multiple functional nodes into simplified subgraphs for better workspace management.
- Custom Widget Implementation - Provides custom UI controls inside nodes for real-time parameter manipulation during graph execution.
- Visual Interface Prototyping - Allows development of custom widgets and live views that hide underlying graphs to present clean user interfaces.
- Data Visualization - Library for creating node-based visual graphs.
- Visual Programming - Browser-based node graph editor.
- Web Frameworks - A graph node engine and editor similar to PD or UDK Blueprints, comes with its own editor in HTML5 Canvas2D.
