GoJS, a JavaScript Library for HTML Diagrams
============================================
GoJS is a JavaScript and TypeScript library for creating and manipulating diagrams, charts, and graphs.
See GoJS Samples
Get Started with GoJS
GoJS is a flexible library that can be used to create a number of different kinds of interactive diagrams,
including data visualizations, drawing tools, and graph editors.
There are samples for
flowchart,
org chart,
business process BPMN,
swimlanes,
timelines,
state charts,
kanban,
network,
mindmap,
sankey,
family trees and genogram charts,
fishbone diagrams,
floor plans,
UML,
decision trees,
PERT charts,
Gantt, and
hundreds more.
GoJS includes a number of built in layouts including tree layout, force directed, circular, and layered digraph layout,
and many custom layout extensions and examples.
GoJS is renders either to an HTML Canvas element (with export to SVG or image formats) or directly as SVG DOM.
GoJS can run in a web browser, or server side in Node or Puppeteer.
GoJS Diagrams are backed by Models, with saving and loading typically via JSON-formatted text.
Read more about GoJS at gojs.net
This repository contains only the library.
The sources for all samples, extensions, and documentation can be installed by running:
```html
$ npm create gojs-kit
```
You can use the GitHub repository to quickly search through all of the sources.
Click the image to see the interactive GoJS Diagram
GoJS is a JavaScript and TypeScript library for creating and manipulating diagrams, charts, and graphs.
See GoJS Samples
Get Started with GoJS
GoJS is a flexible library that can be used to create a number of different kinds of interactive diagrams,
including data visualizations, drawing tools, and graph editors.
There are samples for
flowchart,
org chart,
business process BPMN,
swimlanes,
timelines,
state charts,
kanban,
network,
mindmap,
sankey,
family trees and genogram charts,
fishbone diagrams,
floor plans,
UML,
decision trees,
PERT charts,
Gantt, and
hundreds more.
GoJS includes a number of built in layouts including tree layout, force directed, circular, and layered digraph layout,
and many custom layout extensions and examples.
GoJS is renders either to an HTML Canvas element (with export to SVG or image formats) or directly as SVG DOM.
GoJS can run in a web browser, or server side in Node or Puppeteer.
GoJS Diagrams are backed by Models, with saving and loading typically via JSON-formatted text.
Read more about GoJS at gojs.net
This repository contains only the library.
The sources for all samples, extensions, and documentation can be installed by running:
```html
$ npm create gojs-kit
```
You can use the GitHub repository to quickly search through all of the sources.
Minimal Sample
Graphs are constructed by creating one or more templates, with desired properties data-bound, and adding model data. ```html ``` The above diagram and model code creates the following graph. The user can now click on nodes or links to select them, copy-and-paste them, drag them, delete them, scroll, pan, and zoom, with a mouse or with fingers.
Click the image to see the interactive GoJS Diagram
