Powerful Diagrams For Every Industry

GoJS is the modern diagramming framework for rich and interactive data visualizations.

View samples Start learning
Announcing GoJS 3.0
Diagram

Build diagrams for the web in JavaScript and TypeScript

GoJS is used to create interactive diagrams to visualize, monitor, and edit your systems.

Org Chart

Org charts

Create classic org charts. Leverage GoJS to allow users to easily interact with their org charts, editing relationships, collapsing levels, and more.

Represent relationships

Develop interactive org charts, trees, and hierarchy diagrams

Use automatic layouts to easily modify the way relationships are displayed.
Allow your users to edit diagrams on the fly, changing relationships or just updating data.
Collapse different levels of your trees to bring focus where it's needed.
Genogram

Genograms

Family Tree

Family trees

GoJS powers visualizations in every sector

Including industrial planning, security, organization management, consumer apps, and more.

3m airbus amazon amex bosch hitachi nasa pwc
3m airbus amazon amex bosch hitachi nasa pwc
Industrial Monitor

Industrial Diagrams

GoJS is ideal for industrial monitoring and control systems. Create SCADA tools, visualize flow, and see your processes more clearly.

Process organization

Visualize and monitor critical assets across domains

From the biggest banks to NASA to every stage of consumer production, GoJS helps enterprises build the tools they need.
GoJS makes it easy to create industrial process automation, control, and monitoring tools for your organization.
Security Diagrams

Security Diagrams

State Chart

State charts

Flowchart

Flowcharts

Process Visualizations

Process Visualizations

Network Diagram

Network Design and Monitoring

Regrouping Diagram

Dynamic Grouping

See hundreds of samples

Developer to developer support, starting with your evaluation

Northwoods prides itself on over 25 years of developer to developer support for all our diagramming libraries. Want to get started faster? Register for support during evaluation and we'll help with a proof-of-concept and template design.

Register for evaluation

Develop faster

Built-in features and interactivity to get your projects out the door

Automatic layouts

Built-in layouts, and many samples of custom layouts to be used or adapted.

Learn more

Node and link templates

Quickly set the look for your diagram parts while keeping appearance separate from data.

Learn more

Data binding

Automatically keep your data in sync with your display, and vice versa.

Learn more

Undo & redo

Users can easily undo and redo, and cancelled tool operations can be rolled back.

Learn more

Keyboard shortcuts

Use common keyboard commands and gestures, which can be customized.

Learn more

Subgraphs

Groups provide subgraphs to apply different rules or layouts to their members.

Learn more

Extensible tools

Tools can be customized and extended to give your users the interaction they need.

Learn more

Customizable events and permissions

Execute custom logic or notifications when users perform certain actions or key presses, or disable different interactions altogether.

Learn more

Context menus and tooltips

Context menus and tooltips are built-in, and can be extended in-canvas or with HTML.

Learn more

Designed to work with all modern frameworks

With no dependencies, you can use GoJS anywhere. Leverage it in React, Vue, Angular, or Svelte apps, or in your Node or Electron apps.

react
React

Use gojs-react, our component library, to simplify your GoJS React integration.

Learn more

vue
Vue

We maintain a Vue 3 integration sample to help speed up your app development.

Learn more

angular
Angular

Check out our other component library, gojs-angular, and get your Angular diagrams up and running.

Learn more

svelte
Svelte

GoJS can integrate into your Svelte app with just an install and a div.

Learn more

Extensive documentation

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

See tutorials

Technical introduction

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

Read intro pages

API documentation

Read our comprehensive documentation for an in-depth reference of the entire library.

View API