GoJS, a JavaScript Library for HTML Diagrams ============================================

[GoJS](https://gojs.net) is a JavaScript and TypeScript library for creating and manipulating diagrams, charts, and graphs. [![npm](https://img.shields.io/github/release/NorthwoodsSoftware/GoJS.svg)](https://www.npmjs.com/package/gojs) [![open issues](https://img.shields.io/github/issues-raw/NorthwoodsSoftware/GoJS.svg)](https://github.com/NorthwoodsSoftware/GoJS/issues) [![last commit](https://img.shields.io/github/last-commit/NorthwoodsSoftware/GoJS.svg)](https://github.com/NorthwoodsSoftware/GoJS/commits/master) [![downloads](https://img.shields.io/npm/dw/gojs.svg)](https://www.npmjs.com/package/gojs) [![Twitter Follow](https://img.shields.io/twitter/follow/NorthwoodsGo.svg?style=social&label=Follow)](https://twitter.com/NorthwoodsGo) [See GoJS Samples](https://gojs.net/latest/samples) [Get Started with GoJS](https://gojs.net/latest/learn) 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](https://gojs.net/latest/samples/flowchart.html), [org chart](https://gojs.net/latest/samples/orgChartEditor.html), [business process BPMN](https://gojs.net/latest/samples/bpmn/BPMN.html), [swimlanes](https://gojs.net/latest/samples/swimlanes.html), [timelines](https://gojs.net/latest/samples/timeline.html), [state charts](https://gojs.net/latest/samples/statechart.html), [kanban](https://gojs.net/latest/samples/kanban.html), [network](https://gojs.net/latest/samples/network.html), [mindmap](https://gojs.net/latest/samples/mindMap.html), [sankey](https://gojs.net/latest/samples/sankey.html), [family trees](https://gojs.net/latest/samples/familyTree.html) and [genogram charts](https://gojs.net/latest/samples/genogram.html), [fishbone diagrams](https://gojs.net/latest/samples/Fishbone.html), [floor plans](https://gojs.net/latest/samples/floorplannerTS/index.html), [UML](https://gojs.net/latest/samples/umlClass.html), [decision trees](https://gojs.net/latest/samples/decisionTree.html), [PERT charts](https://gojs.net/latest/samples/PERT.html), [Gantt](https://gojs.net/latest/samples/gantt.html), and [hundreds more](https://gojs.net/latest/samples/index.html). 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](https://nodejs.org/en/) or [Puppeteer](https://github.com/GoogleChrome/puppeteer). GoJS Diagrams are backed by Models, with saving and loading typically via JSON-formatted text. [

](https://gojs.net/latest/samples/index.html) Read more about GoJS at [gojs.net](https://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](https://github.com/NorthwoodsSoftware/GoJS-Samples/search?q=setDataProperty&type=Code).

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. [

](https://gojs.net/latest/samples/minimal.html) *Click the image to see the interactive GoJS Diagram*

Support

Northwoods Software offers a month of free developer-to-developer support for GoJS to prospective customers so you can finish your project faster. Read and search the official GoJS forum for any topics related to your questions. Posting in the forum is the fastest and most effective way of obtaining support for any GoJS related inquiries. Please register for support at Northwoods Software's registration form before posting in the forum. For any nontechnical questions about GoJS, such as about sales or licensing, please visit Northwoods Software's contact form.

License

The GoJS software license. Copyright (c) Northwoods Software Corporation

	Stars	Issues	Version	Updated	Created
diagram-js	1,602	31	14.5.4	9 days ago	10 years ago
draw2d	729	67	1.0.38	4 years ago	6 years ago
gojs			3.0.2	9 days ago	9 years ago
mxgraph	6,751	0	4.2.2	4 years ago	7 years ago
vue-diagrams	281	18	1.0.1	6 months ago	6 years ago

diagram-js vs draw2d vs gojs vs mxgraph vs vue-diagrams

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past