Tweet about this on TwitterShare on FacebookBuffer this pageShare on RedditShare on LinkedInShare on Google+Email this to someone

The demand for web-based applications plus the need for online collaboration plus the amazing web interfaces that can be created with new technologies (e.g. HTML5 canvas) has created a “new” market for modeling tools: online modeling tools. In fact, they are more drawing tools than modeling tools but still, they at least offer you a way to draw and share your (UML/ER/BPMN) models online.

If you want to give them a try (most offer a free plan or at least a free trial), the five tools I’ve been more looking into (let me warn you, don’t expect me to declare a winner, just decide by yourself!) are, in alphabetical order,:

Creately
Online diagramming and collaboration. Several modeling languages supported (including UML). For a short introduction see the presentation of this tool for the portal readers in a guest post by Creately authors , see here

Diagramo
Pure HTML5 Online Flowchart Software, licensed under GPL (nice!), which obviously means that you can also have the option to install it on your own server. The only “but” for the typical readers of this portal is that as a flowchart-focused software, it only covers one kind of UML diagrams: state machines (but there is an easy solution for this just fork it on Github and extend it yourself :-) ). Diagrams can be easily shared with others but synchronous collaboration is not possible.

diagramo HTML5 modeling

Diagram.ly
Fails in the collaborative aspect and it’s less feature-rich than the others but I love its simplicity. All you see is a empty canvas ready for you to start drawing. Support for BPMN notation.

GenMyModel
Modeling tool (right now only supporting class diagrams) with some code-generation capabilities. Featured in the blog here.

Gliffy
Support for UML and BPMN diagrams (among many other types). They claim to be “the most widely used online diagramming application”, I wonder how they know that. Collaboration and revision control features available.

Grapholite
Flow charting tool with support for all major UML diagrams (and also BPMN). The tool has a demo mode you can use to try it for free. Works also when you are offline and there is a desktop version available so you can choose.

jsUML2 library
A HTML5/javascript library for UML2 diagramming. Its main objective is to provide web developers an easy way to visualize and edit UML models in their our own web sites, without other external dependencies and fully executable on the client-side via the browser, unlike other tools in this list. The jsUML2 library provides an API to allow web developers to include editable diagrams in their own web sites making use of the HTML5 technologies supported by the newest web browsers, as well as by current mobile devices.

LucidChart
HTML5-based. With UML support and real-time collaboration capabilities. It can import Visio files, which is definitely a plus considering that all these tools seem an online version of Visio and are probably targeting the same kind of users.

MxGraph
JavaScript diagramming solution. Supports BPMN models, database schema designs, UML diagrams and organizational charts. They claim to be the only fully client-side solution.

Of course, these are not the only alternatives (feel free to suggest other tools in the comments!). If you’re just interested in drawing UML diagrams, UMLCanvas or zOOml could work for you as well. If you prefer to create your own web-based modeling tool, then Joint (Javascript diagramming library) could be the place to start. And if you just want to render your UML diagrams as part of a web page, several of the tools in this list of textual modeling tools could be used for that purpose. If you haven’t yet found what you’re looking for, check this extended list where you’ll find all kinds of online drawing tools (i.e. not necessarily modeling tools).

If you enjoyed this post you can subscribe to this Software Modeling blog , follow me on twitter and/or subscribe to the portal’s mailing list . And if you really liked it help me pass it on to others by sharing the post using the links below. Don’t forget to check our consulting and sponsorship opportunities either!

Tweet about this on TwitterShare on FacebookBuffer this pageShare on RedditShare on LinkedInShare on Google+Email this to someone