diagram-js

diagram-js

A toolbox for displaying and modifying diagrams on the web.

Built with diagram-js

Some libraries / applications built on top of diagram-js:

Part of bpmn.io

• bpmn-js - A BPMN 2.0 viewer / modeler (Demo)
• cmmn-js - A CMMN 1.1 viewer / modeler (Demo)
• dmn-js - A DMN 1.3 viewer / modeler / table editor (Demo)

External

• Apache Seata Saga Designer - A visual orchestration tool for Seata Saga transaction (Demo)
• archimate-js - An ArchiMate diagram viewer and editor (Demo)
• chor-js - A BPMN 2.0 Choreography diagram viewer and editor (Demo)
• Node Sequencer - A Node-Based Sequencer for the Web (Demo)
• object-diagram-js - An object diagram viewer and editor (Demo)
• postit-js - Create Post-it boards on a canvas editor (Demo)

Resources

• Issues
• Changelog
• Contributing Guide
• Examples

Development

Prepare the project by installing all dependencies:

npm install

Then, depending on your use-case you may run any of the following commands:

# build the library and run all tests
npm run all

# run the development setup
npm run dev

# run tests (single run)
npm test

Expose an environment variable TEST_BROWSERS=(Chrome|Firefox) to execute the tests in a non-headless browser.

[!NOTE] We do not generate any build artifacts. Required parts of the library should be bundled by consuming libraries as needed instead.

License

MIT

Changelog

15.2.0

• FIX: clear selection when opening search pad (#https://github.com/bpmn-io/diagram-js/pull/947)
• FIX: correct dangling selection after search pad interaction (#https://github.com/bpmn-io/diagram-js/pull/947)
• CHORE: simplify search pad pre-selection behavior (#https://github.com/bpmn-io/diagram-js/pull/947)