A proof of concept for a modern node graph system, which could be used as a base for visual programming languages or other visual graph systems for displaying all sorts of different types of data.
The code is built using Typescript and VueJS and uses the ReteJS library to build the node system on.
- Fork this repo to GitHub/GitLab
- Create a new App in DigitalOcean App Platform pointing to the forked repo.
- Set it up to use the Dockerfile, set the HTTP port to
8080, and select your plan. - Add environment variables to the app of:
BASIC_AUTH_USERandBASIC_AUTH_PASS. - Deploy
There are example Nodes included in this POC showing data nodes, logic nodes, and more. You can easily use these nodes as reference to create more of your own, or extend these. Theres a sample of creating your own custom controls, and styling the graph so you can take this further. Theres also an example of filtering the graph nodes by meta data, again which can be extended or used as reference for additional functionality.