GoJS

A Web Framework for Rapidly Building Interactive Diagrams

Diagram

Build Diagrams for the web in JavaScript and TypeScript

GoJS offers a number of features for interactivity such as drag-and-drop, copy-and-paste, in-place text editing, tooltips, context menus, automatic layouts, templates, data binding and models, transactional state and undo management, extensible tools for custom operations, and more.

Flowchart

Flowcharts

Build interactive flowcharts or flow diagrams. Let your users build, modify, and save Diagrams with JSON model output.
State Chart

State Charts

Visualize State Charts and other behavior diagrams. Create diagrams with live updates to monitor state, or interactive diagrams for planning.
Sankey Diagram

Sankey Diagrams

GoJS allows considerable customization of Links and Nodes to build all kinds of diagrams. Visualize flow, or connect pipes
Leaflet Map

Genogram Diagrams

Create Genogram and Medical diagrams, or editable family trees with collapsible levels.
Org Chart

Org Charts

Create classic org charts for viewing or editing. Automatic layouts make different visualization options easy.
Dynamic Ports Demo

Dynamic Ports

Dynamically add ports and custom link routing. Use data-bindings to save and load routes within the Model JSON.
Data Visualization

Industrial Processes

Model industrial processes, workflows, SCADA diagrams and more. Permissions and validation make it easy to add rules and constraints when your customers build diagrams.
Regrouping Demo

Dynamic Grouping

Use groups as containers and subgraphs, with group members bounds by their own rules and layouts.

Compatible with Modern Frameworks

react angular vue

We publish a react component, gojs-react to simplify React integration, and host a React sample using GoJS called gojs-react-basic. See the GoJS with React introduction page for more information.

We publish an Angular component, gojs-angular to simplify Angular integration, and host a Angular sample using GoJS called gojs-angular-basic. See the GoJS with Angular introduction page for more information.

We have a sample on using Vue.js with GoJS.

Explore

Start from over 200 sample apps that demonstrate flowcharts, org charts, mind maps, UML diagrams, BPMN diagrams, graph editors, data visualization, custom tools and layouts, and much more.

View Interactive Samples

Learn

Get started with a step-by-step description of how to build a JavaScript diagram in HTML using GoJS and some model data.

Learn with GoJS Tutorials Watch Videos

Download

Get a copy of the library and all of the samples, extensions, and documentation. Search the JavaScript code and modify the samples to start your app.

Download Install via npm

Technical Introduction

Read our introduction for a overview of GoJS concepts and features, including hundreds of live interactive examples embedded right in each page.

Read the Introduction Pages

Free Evaluation

Evaluate the full library without any limitations. Register for free support for a month to help build your app.

Register for Support Contact Us

API Documentation

Read our comprehensive documentation for an in-depth reference of the properties and methods of all of the JavaScript classes.

View the API

By Northwoods Software