https://github.com/liamross/psiagram

🔱 A simple, feature-rich, and extensible diagram framework.
https://github.com/liamross/psiagram

diagram flowchart graph psiagram visualization workflow

Last synced: about 1 month ago
JSON representation

🔱 A simple, feature-rich, and extensible diagram framework.

• Host: GitHub
• URL: https://github.com/liamross/psiagram
• Owner: liamross
• License: mit
• Created: 2018-05-01T07:40:28.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-09-04T19:06:59.000Z (about 4 years ago)
• Last Synced: 2024-07-29T04:44:00.863Z (about 1 month ago)
• Topics: diagram, flowchart, graph, psiagram, visualization, workflow
• Language: TypeScript
• Homepage: https://www.psiagram.org/
• Size: 1.77 MB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome-starred - liamross/psiagram - 🔱 A simple, feature-rich, and extensible diagram framework. (others)

README

        


  

    

  





  Psiagram (/ˈ(p)sīəˌɡram/) - a simple, feature-rich, and extensible diagram framework for JavaScript.





  

    

  

  

    

  

  

    

  





  

    CodeSandbox Demo

  



---

Psiagram is a framework that enables anyone to build complex and interactive

diagrams and workflows easily, in any project, and without the need for external

dependencies.

## Use Psiagram

For instructions on **how to use Psiagram**, as well as documentation on the

API, use in your project, and all of the official plugins, see the

[Official Documentation](https://www.psiagram.org/).

For instructions on **working with the GitHub repository**, including cloning,

initializing and running, see the

[Contributing Document](https://github.com/liamross/psiagram/blob/master/CONTRIBUTING.md).

## Packages

The Psiagram repository is a **monorepo**, meaning it has multiple packages in

one GitHub repository. This ensures that inter-dependency between packages is

maintained, and allows for consistent versioning between psiagram and its

plugins. Click the package name to view the package in this repository (they're

all contained in the packages folder) or click the status to view the package

published on npm.

| Package                                                                                                                | Status                                                                                                                                  | Description            |

| ---------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- | ---------------------- |

| [psiagram](https://github.com/liamross/psiagram/tree/master/packages/psiagram)                                         | [![NPM Version](https://badge.fury.io/js/psiagram.svg)](https://www.npmjs.com/package/psiagram)                                         | Psiagram core package. |

| [psiagram-plugin-grid](https://github.com/liamross/psiagram/tree/master/packages/psiagram-plugin-grid)                 | [![NPM Version](https://badge.fury.io/js/psiagram-plugin-grid.svg)](https://www.npmjs.com/package/psiagram-plugin-grid)                 | Grid rendering plugin. |

| [psiagram-plugin-mouse-events](https://github.com/liamross/psiagram/tree/master/packages/psiagram-plugin-mouse-events) | [![NPM Version](https://badge.fury.io/js/psiagram-plugin-mouse-events.svg)](https://www.npmjs.com/package/psiagram-plugin-mouse-events) | Mouse events plugin.   |

| [psiagram-plugin-routing](https://github.com/liamross/psiagram/tree/master/packages/psiagram-plugin-routing)           | [![NPM Version](https://badge.fury.io/js/psiagram-plugin-routing.svg)](https://www.npmjs.com/package/psiagram-plugin-routing)           | Edge routing plugin.   |