Skip to content


Folders and files

Last commit message
Last commit date

Latest commit



2 Commits

Repository files navigation

Diagram Editor for Google+ Hangouts

The editor enables you to collaboratively create diagrams with your friends while you videochat with them in a Google+ Hangout: Everyone can contribute to the diagram and everyone sees your edit in realtime. It feels like all your friends are hanging out in the same conference room editing the diagram on a giant whiteboard without the need for being in the same physical location. Currently, six different diagram types like UML class diagrams and business process diagrams are supported. Watch the screencast to learn more!

Let me know what you think about my project on Google+.


Watch the screencast to learn more about the editor:


The Diagram Editor for Google+ Hangouts is based on the Editor, a project I worked on at my university in a team with six other students. The Editor was originally designed for Google Wave, whose API was similar to the now released Hangouts API. I therefore decided to adapt the editor for Google+ Hangouts, which are a great environment for collaborative editing in realtime.

Where can I try the editor?

Unfortunately, Google has not yet released Apps for Hangouts to the general public. Once they do, you’ll be able to take the Diagram Editor for Google+ Hangouts for a test spin and I will tell you all about that right here. If you are really impatient, you can deploy the editor yourself and run it in the Developer Preview (see below).


The editor consists of static resources only (JavaScript and images) and can be deployed to any server. Just compile/minify the JavaScript by calling "ant" in the source directory. This will create a new folder in the parent directory whose content can be uploaded to any server (I use App Engine to host those static files). You can then embed the editor in a Google+ Hangout as explained here. The URL of the Gadget XML file is https://your-server/gadget/oryx.xml.

During development it can be useful to deploy the editor without "compiling" the JavaScript. To do that, do not run "ant". Just upload the "gadget" and "oryx" folder of the source directory to any server. The URL of the "uncompiled" Gadget XML file is https://your-server/gadget/oryx-dev.xml.

Read the UploadToAppEngine step-by-step guide on how to upload the editor to Google App Engine, my service of choice for hosting those static files.

Screenshot of editor


The editor for Google+ Hangouts







No releases published


No packages published