GoJS
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.
At A Glance
An overview of GoJS features.
- Generate Diagram
- Create charts
- Manage graphs
- Edit Diagram
- Display graphs
- Use templates
- Data binding
- Event handlers
- Style Diagram
- Automatic layouts
- Customizable animations
- Tooltips
GoJS supports Diagrams format as well as it can export data to common file formats.
Platform Independence
GoJS only requires JavaScript.
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 --saveDraw 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.
