Pcui Graph screenshot

Pcui Graph

Author Avatar Theme by Playcanvas
Updated: 29 Mar 2025
132 Stars

A PCUI extension for creating node-based graphs

Categories

Overview

The PCUI Graph is a tool that allows users to create node-based visual graphs in the browser. It supports both undirected and directed graphs, as well as visual scripting graphs that contain nodes with input and output ports. Users can save their graphs to a JSON file and load them back into a new graph view at any time.

Features

  • Node-based visual graphs: Create graphs using nodes and connect them to represent relationships or processes.
  • Support for different graph types: Create undirected or directed graphs depending on your needs.
  • Visual scripting graphs: Create graphs with nodes that have input and output ports to build complex logic or workflows.
  • Graph saving and loading: Save your graphs to a JSON file and load them back into the graph view when needed.

Installation

To install PCUI Graph into your npm project, you can use the following code snippets:

npm install pcui-graph

After installing the library, you can import the PCUI Graph build and its styling file into your project. Instantiate the graph as shown below:

import { PCUIGraph } from 'pcui-graph';

const graph = new PCUIGraph();

Alternatively, you can install the PCUI Graph library directly from npm using the command:

npm install pcui-graph

The npm package includes two builds of the library.

Summary

The PCUI Graph is a powerful tool for creating node-based visual graphs in the browser. Its features include support for different graph types, visual scripting capabilities, and the ability to save and load graphs. Installation is straightforward and can be done via npm. With the PCUI Graph, users can efficiently visualize and work with complex relationships and workflows in an intuitive and user-friendly manner.