This project provides a basic example of using GoJS in an Angular app. Check out the Intro page on using GoJS with Angular for more information.

It makes use of the gojs-angular package to handle setting up Diagram, Palette and Overview components.

When running the sample, try moving / adding / deleting nodes, editing text in the inspector, relinking nodes via ports, undoing (Ctrl-Z), and re-doing (Ctrl-Y) within the diagram. You'll notice the changes are reflected in app-level data. You'll also notice that changes made in the inspector are reflected in the diagram.

This sample works with GoJS v2.3. If you want to use GoJS v3.0, be sure to use at least version 3.0.6.

Start by running npm install to install all necessary dependencies.

If you do not have Angular already globally installed, you may do so by running:

In the project directory, run:

Alternatively, if you do not have Angular installed globally, you may run:

Runs the app in the development mode.
Open http://localhost:4200 to view it in the browser.

The page will reload if you make edits.

To learn Angular, check out Angular's official site. To learn GoJS, check out gojs.net.