{"repo":"playcanvas/pcui-graph","free":true,"listed":false,"github":"https://github.com/playcanvas/pcui-graph","clone":"git clone https://github.com/playcanvas/pcui-graph.git","description":"A PCUI extension for creating node-based graphs","language":"TypeScript","stars":147,"topics":["pcui","playcanvas","reactjs","javascript","ui","ui-components"],"license":"MIT","category":"ui-components","readme_excerpt":"PCUI Graph - Node-based Graphs for PCUI User Guide API Reference React Examples Discord Blog Forum Create node-based visual graphs in the browser. Supports undirected / directed graphs as well as visual scripting graphs containing nodes with input / output ports. Your graphs can be saved to a JSON file and loaded back into a new graph view at any time. Getting Started To install PCUI Graph, run: npm install @playcanvas/pcui-graph Then import the library and its styles into your project: Storybook Examples of graphs created using PCUI Graph are available in the Storybook. You can also run it locally as a development environment: npm install npm run storybook This will automatically open the Storybook in a new browser tab. Development The source lives in src/ and is organized as follows: File Purpose --------------------- ----------------------------------------- index.ts Main Graph class and exports graph-view.ts Core graph view (wraps JointJS) graph-view-node.ts Node element graph-view-edge.ts Edge / connection element joint-graph.ts Base JointJS paper, pan, zoom and resize joint-shape-node.ts Custom JointJS HTML element shape constants.ts Default configuration and event constants selected-item.ts Selection handling lib/vec2.ts 2D vector math styles/style.scss SCSS styles To build and lint: TypeScript declarations are generated into types/ during the build and are included in the published package. API Documentation To build the API reference to the docs folder:","default_branch":null,"files":null,"tree":[],"storefront":"/r/playcanvas","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/playcanvas/pcui-graph/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}