Generate & Manipulate Diagrams via JavaScript API

Open Source JavaScript Library that allows developers to create and process diagrams, charts as well as graphs inside their own JavaScript applications.

A very powerful JavaScript library that gives software developers the ability to generate and manipulate diagrams, charts as well as graphs inside their own JavaScript applications. The library has included support for built-in layouts such as tree layout, radial as well as layered digraph layout, and some custom layouts. The library can be easily used in a web browser or server-side in Node or Puppeteer.

The GoJS library is very flexible and allows developers to make a number of different types of diagrams, such as flowcharts, medical diagrams, organizational charts, design tools, planning tools, state charts, Sankey diagrams, industrial processes, visual languages, and so on.

The library offers very powerful interactive features such as drag and drop elements of a diagram, copy and paste contents, tooltips, context menus, using templates, data binding support, event handlers, automatic layouts, applying customizable animations, and many more. You can also render the HTML Canvas element and export it to SVG as well as other image formats.

Previous Next

Getting Started with GoJS

The recommend way to install GoJS is via npm, it is available via the npm package manager, use the following commands.

Install GoJS via npm

$ npm install gojs --save

Draw Flowcharts via JavaScript API

The open source GoJS library has provided support for building several Diagram types and showcasing specific features and layouts. You can draw flowcharts with a couple of lines of JavaScript code. The library has included support for Palettes, Linkable nodes, Drag/Drop behavior, Text Editing, and the use of Node Template Maps for drawing flowchart Diagrams. You can also modify the existing diagram and diagram node as well as Textblock with ease.

Create and Edit State Diagram via JavaScript

A State diagram is used to describe the behavior of systems. The state diagram can be used to represent the condition of the system or part of the system at a finite number of states or times. The GoJS library has provided support for creating as well as editing state diagrams with ease. You can easily draw as many nodes as you want and can draw as many links from one node to another node as desired, and can reshape the links or remove them when selected.

Generate Logic Circuit via JavaScript

Logic gates are the basic building blocks of any digital system. A logic gate is an ideal model of computation or a physical electronic device implementing a Boolean function. The library is very feature-rich and has provided several important functions for circuit making using gates and wires. It very user-friendly and helps users to manage diagrams with ease. A Palette is provided that allows you to drag and drop new nodes and manage your diagram. You can easily update each node according to type which uses the color of the links into the node to determine the color of those exiting it.

Draw & Position Diagram Elements

The open source GoJS library enables software developers to easily draw and position the diagram elements inside their own JavaScript applications. The library allows developers to select and position the selected Parts of a diagram relative to each other with just a couple of lines of code. You can also easily handle the arrow keys and uses a "paste offset" so that pasting objects will cascade them rather than place them on top of one another.