MJS Diagram is a set of web components for adding diagramming to web applications. Create, edit, and display Flowcharts, Mind Maps, Org Charts, Network Diagrams, or create your own diagram types. JavaScript libraries with full TypeScript support.
As the creator of marker.js I would often receive feedback from developers trying to use my image annotation library in ways well beyond its original purpose. One of such recurring use cases was trying to use it as a tool to create all kinds of diagrams. While I discouraged everyone from trying to retrofit marker.js into such scenarios, it was clear that there was a need for a different product. And that’s how MJS Diagram was born.
MJS Diagram is a set for web components enabling you to add diagramming to your web apps with just a few lines of code. Or as many lines as you need to make it really yours. It’s a JavaScript web component library package with full TypeScript support.
Here are some of the highlights:
- 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.
These are just a few of the features and I’m just getting started. Yes, there are some rough edges and some missing features I’m planning to add soon. I appreciate you checking MJS Diagram out and am grateful for your feedback!
Sounds like a useful library! Thanks for sharing. A quick demo on your website without having to install anything would be awesome. I've used StackBlitz for my OSS project for that recently.
@markus_kramer thanks, Markus! There are demos on the website here https://markerjs.com/demos/diagr...
And at the bottom of each demo page there's a link to the demo on Codesandbox. So, not installs needed to try.
marker.js
Versiobit
marker.js