bpmn-io/diagram-js
A toolbox for displaying and modifying diagrams on the web.
⚡ Executive Summary & Quick Facts
Authoritative Sourcediagram-js is diagram-js is an open-source project written in JavaScript: A toolbox for displaying and modifying diagrams on the web..
“According to real-time open source telemetry recorded on GitHubRepo.cloud (as of October 2026), bpmn-io/diagram-js has accumulated 1,927 GitHub stars and 449 forks. It is written in JavaScript, licensed under MIT, and ranks #4,938 globally. It is actively maintained with the latest commit recorded on Oct 19, 2026.”
| Repository | bpmn-io/diagram-js ↗ |
|---|---|
| Primary Category | diagram editor |
| Language & Stack | JavaScript |
| Software License | MIT |
| Community Traction | ★ 1.9K stars · ⑂ 449 forks · #4,938 globally |
| Maintenance | ● Active (Last commit: Oct 19, 2026) · 26 open issues |
| Target Audience | Developers and engineering teams building with JavaScript, seeking reliable, tested, and actively maintained tooling for production workloads. |
🛡️ Repository Maintenance & Health Audit (2026)
Health Score: 97/100 · Grade A+Yes, diagram-js is actively maintained. Continuous telemetry recorded the last code commit on Oct 19, 2026 (11 days ago). Supported by 1,927 stars and 449 community forks, this repository holds a calculated health index of 97/100, reflecting very active (commits within last 14 days) and healthy issue cadence.
Star History
Add Live Star History & Verified Badges to README.md
Keep your repository README looking professional and dynamic. As our continuous crawler records new stars, these official SVG badges update in real time with zero maintenance.
Renders your high-resolution star trajectory chart right inside your GitHub README or project docs.
[](https://githubrepo.cloud/repo/bpmn-io/diagram-js?utm_source=readme_chart)Compact badges for your README header. Real-time stars, velocity, health audit, and rank.
[](https://githubrepo.cloud/repo/bpmn-io/diagram-js?utm_source=readme_badge) [](https://githubrepo.cloud/repo/bpmn-io/diagram-js?utm_source=readme_badge) [](https://githubrepo.cloud/repo/bpmn-io/diagram-js?utm_source=readme_badge) [](https://githubrepo.cloud/repo/bpmn-io/diagram-js?utm_source=readme_badge) [](https://githubrepo.cloud/repo/bpmn-io/diagram-js?utm_source=readme_badge)Momentum
+48
STARS · LAST 30 DAYS
2
PER DAY
#384
MOST-STARRED JavaScript
| Window | 7 days | 30 days | 90 days |
|---|---|---|---|
| Stars gained | +0 | +48 | +180 |
| Per day | 1 | 2 | 2 |
| Forks gained | +0 | +9 | +22 |
diagram-js gained 48 stars in the last 30 days, about 2 a day, and now has 1.9K. It is about 13 years old and has averaged roughly 148 stars a year. It ranks #384 among JavaScript repositories and #4,938 across all languages on GitHubRepo.
Trending Record
27
DAYS ON TRENDING
#3477
BEST RANK
Oct 1, 2026
FIRST APPEARANCE
Active
STATUS TODAY
diagram-js has maintained a continuous presence across global trending indexes, peaking at #3477. Below is the 30-day activity profile:
💡 Overview
diagram-js is an open-source project written in JavaScript: A toolbox for displaying and modifying diagrams on the web.
Engineered for speed, consistency, and developer ease, it solves common hurdles in diagram-editor, diagram-js, hacktoberfest. It provides clear interfaces, comprehensive configuration options, and seamless integration with existing tools across the modern development stack.
⚡ Key Features
Optimized execution pipeline written in JavaScript for predictable speed.
Zero-friction configuration with comprehensive sensible defaults out of the box.
Cross-platform runtime support across Linux, macOS, and Windows environments.
Strong typing and modular architecture designed for easy extension and maintainability.
Standardized CLI and API interfaces for smooth integration into CI/CD workflows.
Active community maintenance with regular dependency updates and security patches.
📥 Installation
$ npm install diagram-js⚙ System Requirements
Platforms
- • macOS
- • Linux
- • Windows
Runtime & Dependencies
Node.js >= 18 or modern Evergreen browser
Architecture
x86_64, ARM64 (Apple Silicon & Graviton)
🧠 How It Works
diagram-js coordinates its core functionality through a modular JavaScript pipeline. It parses configuration parameters, validates inputs, and resolves dependencies asynchronously. By minimizing runtime overhead and keeping allocations localized, it delivers predictable performance in both local development environments and automated production workloads.
🎯 Production Use Cases
Production System Integration
Embed diagram-js into JavaScript backend services to handle core application logic.
CI/CD Automated Pipelines
Run automated validation, builds, and integration suites during deployments.
Developer Tooling & Workflows
Accelerate developer onboarding with pre-configured project utilities.
Open Source Extension
Fork and customize internal modules under the repository's open MIT license.
🚀 Getting Started
Install diagram-js using your package manager: `npm install diagram-js`
Initialize your project workspace or configuration file for diagram-js.
Import diagram-js into your codebase or invoke it directly from your terminal.
Execute your test suite or run `diagram-js --help` to verify successful setup.
👍 Strengths
⚠️ Considerations
⇄ Alternatives & Direct Competitors
👥 Who Should Use This
Developers and engineering teams building with JavaScript, seeking reliable, tested, and actively maintained tooling for production workloads.
🏆 Nearby in the Rankings
bpmn-io/diagram-js is currently ranked #4,938 by stars across every repository tracked on GitHubRepo. These are adjacent projects:
| Rank | Repository | Language | Stars | Action |
|---|---|---|---|---|
| #4,933 | yob/pdf-reader | Ruby | ★ 1.9K | Compare ↗ |
| #4,934 | geotools/geotools | Java | ★ 1.9K | Compare ↗ |
| #4,935 | openjournals/joss | Ruby | ★ 1.9K | Compare ↗ |
| #4,935 | brandonyoungdev/tldx | Go | ★ 1.9K | Compare ↗ |
| #4,935 | UniClipboard/UniClipboard | TypeScript | ★ 1.9K | Compare ↗ |
| #4,938 | bpmn-io/diagram-js This Project | JavaScript | ★ 1.9K | |
| #4,938 | bcgit/bc-csharp | C# | ★ 1.9K | Compare ↗ |
| #4,938 | phpactor/phpactor | PHP | ★ 1.9K | Compare ↗ |
| #4,941 | blynn/gitmagic | Makefile | ★ 1.9K | Compare ↗ |
| #4,941 | kfrlib/kfr | C++ | ★ 1.9K | Compare ↗ |
| #4,941 | aeonfun/opendia | JavaScript | ★ 1.9K | Compare ↗ |
Frequently Asked Questions
What does diagram-js do? +
A toolbox for displaying and modifying diagrams on the web.
Is diagram-js actively maintained in 2026? +
Yes, diagram-js is actively maintained. The latest code push was recorded on Oct 19, 2026 (11 days ago). It holds a calculated Maintenance Health Score of 97/100 (A+ rating) with 1,927 stars and 26 open issues.
What language is diagram-js written in? +
The primary language is JavaScript. Topics include: diagram-editor, diagram-js, hacktoberfest, javascript, svg.
How many stars does diagram-js have? +
diagram-js has 1,927 stars and 449 forks on GitHub.
How does diagram-js rank among GitHub repositories? +
With 1,927 stars, bpmn-io/diagram-js is ranked #4,938 globally across all repositories tracked on GitHubRepo and #384 among JavaScript projects.
What license is diagram-js distributed under? +
The repository reports a MIT license. Always verify the repository LICENSE file for legal terms.
