Released: Nov 20, 2025

v4.2 での更新項目

機能

New Demo Applications - Added seven advanced applications ready to use in your project.

• AI Agent builder
  • Empower users to design AI Agents through a simple-to-use interface embedded in your web app. The new AI Agent builder boilerplate uses layout-driven diagram editing to automatically arrange elements, keeping workflows clear and intuitive while allowing users to integrate apps, add logic, and define behaviors effortlessly.
• BPMN Editor
  • Modeling business processes has become even easier with the new JointJS-powered BPMN Editor. The latest release introduces a major redesign along with new features, including a minimalist element palette, new shapes, a dynamic minimap, and a tabbed property editor and viewer.
• Fishbone
  • The next app showcases a Fishbone (Ishikawa) diagram - a visual tool for identifying and organizing potential root causes of a problem. It helps teams break down issues into clear categories - such as Material, Machine, Management, or Environment - making it ideal for root cause analysis and collaborative problem-solving.
• PERT chart
  • Effective project management depends on clear visualization. The new PERT chart demonstrates key JointJS+ features such as zoom and pan, automatic layout, events, and custom shapes.
• Timeline
  • Delete events, or add new ones.
• Cables
  • Create interactive wiring diagrams.
• ELK Layout
  • Use the elkjs library with JointJS to generate automatic diagram layouts powered by the Eclipse Layout Kernel (ELK).

Layers API - introduced a new Layers API, which required a substantial internal refactor of the Graph.

• The Graph now consists of multiple layers, where each layer is its own model with independent attributes and its own cell collection. Every layer maintains its own stacking context for z-index ordering. Layer configurations are serializable, so any changes can be exported and loaded back.
• Applications can now leverage layer support to modify layers, control visibility, and handle interactivity.
• Optimized rendering and memory management for large diagrams
  • Previously, views were created as soon as their models were added to the graph, consuming memory even if those views were never shown. In this release, view instantiation is deferred until the moment the view is actually needed - for example, when it becomes visible on the screen or when a collapsed branch is expanded. Views that are no longer needed can also be disposed, freeing resources and allowing the garbage collector to reclaim memory.
  • Introduced built-in virtual rendering support, enabled with a single boolean. It leverages SearchGraph to quickly determine which views should be visible at any given moment. When loading a large diagram where only a subset is exposed, the system can now efficiently locate, create, and render only the views currently relevant.
  • Rendering diagrams outside the DOM is now available and the asynchronous rendering should now always be used together with the revamped autoFreeze option, which automatically puts the system to sleep when no work remains - reducing battery usage and allowing garbage collection to occur sooner.

Other Updates

• Microsoft Automatic Graph Layout (MSAGL)
  • Introduced a new layout package based on Microsoft Automatic Graph Layout to automatically organize complex diagrams for improved clarity and efficiency.
• Inspector & CommandManager Support for Any Model
  • Previously, the graph was the sole source of truth for editing operations. In this release, any model can now act as the primary editable source. This means it can be inspected, modified through the Inspector, and its changes can be tracked and reverted using the CommandManager, just like graph-level edits.