Introducing MJS Diagram — Diagramming components for your web apps
Ever since I released marker.js I’ve been getting support requests from people trying to use it for use cases it wasn’t created for. One such recurring scenario was developers trying to retrofit marker.js into being some sort of diagram editor. While I always discouraged people from trying to force image annotation library into something it’s not meant to be, it was clear that there’s a need for a companion diagramming tool. And that’s how MJS Diagram was born.
MJS Diagram is a set of JavaScript libraries for creating, editing, and displaying diagrams on the web. At its core are two standard web components: a WYSIWYG diagram editor and a scalable interactive diagram viewer.
Here are some of the features available at launch:
- Flowchart, Org Chart, Mind Map, Network diagram types bundled with v1. More coming.
- Extensibility: Create your own diagram types either by combining bundled stencil types or creating your very own.
- WYSIWYG diagram editor component. Or create your diagrams in code.
- Display diagrams in a scalable viewer component or render them as images.
- Full TypeScript support.
I’m just getting started and more features, diagram types, and improvements are on the way. But v1 is out and you can get it here.
Check out the demos or dive straight into docs and get started.
MJS Diagram is available under the same licensing scheme as marker.js: free as long as you don’t mind a small logo in the corner, or you can pay to remove the logo. Also, until the end of October 2023 commercial MJS Diagram bundle licenses are available with 50% discount. So, consider grabbing one early for significant savings and to support future development.
And btw, MJS Diagram is launching on Product Hunt today, so I’d appreciate it if you support it there! Thank you! 💖
