All Projects → NorthwoodsSoftware → gojs-angular-basic

NorthwoodsSoftware / gojs-angular-basic

Licence: other
Simple project demonstrating usage of our GoJS/Angular components

Programming Languages

typescript
32286 projects
HTML
75241 projects
CSS
56736 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to gojs-angular-basic

Gojs
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
Stars: ✭ 5,739 (+19689.66%)
Mutual labels:  diagram, gojs
GoJS-projects
Project examples for GoJS
Stars: ✭ 45 (+55.17%)
Mutual labels:  diagram, gojs
glsp-examples
Example diagram editors built with Eclipse GLSP
Stars: ✭ 28 (-3.45%)
Mutual labels:  diagram
Mxgraph-EasyFlowEditor
基于mxGraph+vue设计的流程图编辑器
Stars: ✭ 73 (+151.72%)
Mutual labels:  diagram
uml-diagram-for-kotlin-design-pattern-examples
UML diagram list of GoF design pattern examples written in Kotlin.
Stars: ✭ 23 (-20.69%)
Mutual labels:  diagram
markdown-blockdiag
blockdiag extension for Python Markdown
Stars: ✭ 23 (-20.69%)
Mutual labels:  diagram
Mermaid
Provides a parser function to generate diagrams and flowcharts with the help of the mermaid script language
Stars: ✭ 27 (-6.9%)
Mutual labels:  diagram
DrawRacket4Me
DrawRacket4Me draws trees and graphs from your code, making it easier to check if the structure is what you wanted.
Stars: ✭ 43 (+48.28%)
Mutual labels:  diagram
scdDiagram
smart substation connection and configuration software based on IEC 61850 protocal and SCD file. Email: [email protected]
Stars: ✭ 17 (-41.38%)
Mutual labels:  diagram
PlantUml.Net
a .Net wrapper for PlantUml
Stars: ✭ 35 (+20.69%)
Mutual labels:  diagram
bpmn-layout-generators
Tools for generating missing BPMNDiagram elements in BPMN files
Stars: ✭ 27 (-6.9%)
Mutual labels:  diagram
taiga-stats
Generate statistics from Taiga and produce burnup diagrams, CFDs, dependency graphs and more.
Stars: ✭ 40 (+37.93%)
Mutual labels:  diagram
Diagrammatic
Philosophy diagrams in Ti𝑘Z
Stars: ✭ 27 (-6.9%)
Mutual labels:  diagram
glsp-server
Java-based server framework of the graphical language server platform
Stars: ✭ 25 (-13.79%)
Mutual labels:  diagram
bpmn
BPMN diagrams in R
Stars: ✭ 16 (-44.83%)
Mutual labels:  diagram
kibana diagram
Experimental Flow Diagram Vis for Kibana 6.x
Stars: ✭ 15 (-48.28%)
Mutual labels:  diagram
pipelineRD
A chain of responsability pattern implementation in .NET that supports retry policy, sync and async steps, rollback, pipeline recovery by cache and visual documentation using diagrams.
Stars: ✭ 19 (-34.48%)
Mutual labels:  diagram
TikZ-diagrams
Diagrams I made using the excellent TikZ package for LaTeX
Stars: ✭ 24 (-17.24%)
Mutual labels:  diagram
PlantUml-Language-Service
PlantUml Language Service extension for Visual Studio 2017 and 2019
Stars: ✭ 24 (-17.24%)
Mutual labels:  diagram
syntrax
Railroad syntax diagram generator
Stars: ✭ 57 (+96.55%)
Mutual labels:  diagram

gojs-angular-basic

By Northwoods Software for GoJS 2.1

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.

Installation

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:

npm i -g @angular/cli

Running the project

In the project directory, run:

ng serve

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

npm run start

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.

Learn More

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].