GoJS - Interactive Diagrams for the Web in JavaScript and TypeScript
Skip to main content
Interactive diagramming for every industry<br>GoJS is the library enterprises embed to build interactive org charts, flowcharts,<br>monitors, BPMN, SCADA, and custom visual editors. Trusted since 2011, GoJS is used<br>to monitor power plants, organize warehouse operations, visualize teams and<br>security, and more.<br>View samples Start learning →
June 2026: GoJS 4.0 released!
See what's new in GoJS 4.0 →
Industrial Diagrams →<br>GoJS is ideal for industrial monitoring and control systems. Create SCADA tools, visualize flow, and see your processes more clearly.
Organize processes<br>Visualize and monitor critical assets across domains<br>Build dashboards, operator consoles, and visual editors that run for years in<br>production. GoJS makes it easy to create industrial process automation, control, and<br>monitoring tools for your organization.<br>Security Diagrams →
State charts →
Flowcharts →
Process Visualizations →
Network Design and Monitoring →
Dynamic Grouping →
See hundreds of samples
Org charts →<br>Create classic org charts. Leverage GoJS to allow users to easily interact with their org charts, editing relationships, collapsing levels, and more.
Represent relationships<br>Develop interactive org charts, trees, and hierarchy diagrams<br>Use automatic layouts to easily modify the way relationships are displayed.<br>Let end-users edit diagrams in-place: drag, reconnect, or update data with full undo/redo.<br>Collapse different levels of your trees and sub-graphs to bring focus where it's needed.
Genograms →
Family trees →
Shipped by Fortune 500s and startups alike<br>Including industrial planning, security, organization management, consumer apps,<br>and more.
Talk to the developers who built it<br>Northwoods Software has supported diagramming libraries for over 25 years. When you<br>register an evaluation, the same engineers who write GoJS will help you scope your<br>proof-of-concept, design templates, and unblock integration issues.<br>Start a supported evaluation
Develop faster<br>The things you'd have to build yourself: already built, tested, and documented
Automatic layouts Built-in layouts, and many samples of custom layouts to use or adapt.<br>Learn more →<br>Node and link templating Quickly set the look for your diagram parts while keeping appearance separate from data.<br>Learn more →<br>Data binding Automatically keep your data in sync with your display, and vice versa.<br>Learn more →<br>Undo & redo Full transactional undo/redo, including cancelled drag and edit operations.<br>Learn more →<br>Keyboard shortcuts Use common keyboard commands and gestures, which can be customized.<br>Learn more →<br>Subgraphs Groups provide subgraphs to apply different rules or layouts to their members.<br>Learn more →<br>Extensible tools Override or subclass any built-in tool (drag, resize, link-draw) to match your app's interaction model.<br>Learn more →<br>Customizable events and permissions Execute custom logic or notifications when users perform certain actions or key presses, or disable different interactions altogether.<br>Learn more →<br>Context menus and tooltips Context menus and tooltips are built-in, and can be extended in-canvas or with HTML.<br>Learn more →
Zero dependencies. Use it anywhere.<br>GoJS is a self-contained library with zero dependencies. Drop it into React, Vue,<br>Angular, Svelte, Electron, or vanilla JS. GoJS can also be used server-side for<br>async layouts, testing, and image creation.
React Use gojs-react , our component library, to simplify your GoJS<br>React integration. Learn more →
Vue We maintain a Vue 3 integration sample to help speed up your app development. Learn more →
Angular Check out our other component library, gojs-angular , and get<br>your Angular diagrams up and running. Learn more →
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 →<br>Learn An illustrated tour of GoJS concepts, with hundreds of live, editable code examples embedded directly in the docs. See learn pages →<br>API documentation Read our comprehensive documentation for an in-depth reference of the entire library. View API →<br>Support Forum Read or ask questions from the GoJS team. View the forum →