Thursday, November 23rd, 2006

Open-jACOB Draw2D

Category: JavaScript, Library, Showcase

Open-jACOB Draw2D is a JavaScript library that allows you to create drawings and diagrams.

The User interface allows interactive drawing by using your standard browser.
No additional software; no third party plug ins. Just run it and use it.

Open-jACOB Draw2D is the graph component of the Open-jACOB online
Workflow editor. The purpose of this experiment is to see if a Visio-type workflow
editor tool could be developed in a web browser – It is possible.

Check out an interactive demo.

Posted by Dion Almaer at 10:44 am
18 Comments

++++-
4.3 rating from 36 votes

18 Comments »

Comments feed TrackBack URI

I wish it could be used for some sort of workflow frontend…

Comment by kenji — November 23, 2006

Very nice,

With the same spirit we provide Rialto Studio that is a WYSIWYG tool (http://rialto.application-servers.com/wiki/rialtostudio) to help building rialto GUI.

Cyril Balit
Co-developer of the Rialto framework

Comment by Cyril Balit — November 23, 2006

This is the best AJAX 2D canvas and workflow editor I’ve seen. Very responsive even on crappy hardware and old browsers. Well done!

Comment by Good1 — November 23, 2006

Hi,

we are currently in the startup phase of the Draw2D component of jACOB.
Weekly updates will be follow!!

We have a running prototype of our workflow editor (with backend!) for the
jACOB engine.Example application are ready in the next days.

greetings
Andreas Herz

Comment by Andreas Herz — November 23, 2006

absolute cool.

…good guys – work harder. I want more!

Thanks
       A Fan

Comment by Mark Monroe — November 23, 2006

i’ve tried the same thing before – server side drawing, but i never finish it as there are alway a lot works to do. cheer! :)

Comment by Cheng Guangnan — November 23, 2006

Hi,

absolute cool!
Feature request: Examples of the server side handling? :-)

greetings
Thomas

Comment by ThomasG — November 24, 2006

Here is another interesting product: http://www.mxgraph.com (free for non-commercial use).

HTH,

Gaudenz

Comment by Godo — November 24, 2006

in deed – mxGraph is much better than Draw2D!

…but not open source.

greetings

       Andreas Herz

Comment by Andreas Herz — November 24, 2006

This is very cool. I was wondering why you choose to implement your 2D graphics with html instead of canvas or SVG? With IECanvas, canvas is pretty cross-browser compliant isn’t it?
Also, what license is used for this?

Comment by Kris Zyp — November 24, 2006

There is a few drawing applications out there, I get very excited to see new ones because I think their potential and role will be important in the future. Though most people say, “neat” and just walk away because there’s no real immediate use unless you’re in some sort of architecture or space planning industry….at which point you have better software and no need to really work from or through a web browser. To touch on some questions here that Kris brought up – SVG. SVG is great and I do hope it grows and becomes more compliant…however, that’s the problem. It’s not 100% cross-browser/platform compliant. There were some issues with it and Firefox before…but I believe they are fixed now. I think some other browsers have issues with SVG+Javascript as well. Here’s an open source whiteboard done with SVG and uses CGI. I don’t know about IECansvas, but I do know SVG had/s it’s issues between browsers.

Comment by Tom — November 25, 2006

Hi,
Why I’m using DHTML and not canvas/IECanvas

1. I have no know who about SVG/canvas
2. I have not time to learn yet another technologie (at the moment).
3. It should be possible that a “normal” developer can extend Draw2D.
4. I need normal HTML Form elements in my diagrams.
5. The current HTML implementation is faster than the SVG stuff (exception is mxGraph!).
6. It should be possible to change the UI via CSS (Draw2D app and host app should have the same look)
7. I want use Draw2D to layout UI elements of an CMS page via drag&drop too.

greetings

Andreas

Comment by Andreas Herz — November 26, 2006

Hi,

Open-jACOB has released a Ajax Draw2D Workflow demo application
called “jacob.blooper”. A workflow based bugtracker.

http://www.openjacob.org
(Demo => jacob.blooper)

greetings

Andreas

Comment by andreas herz — December 13, 2006

This is exactly what annoys me about open source software, the suggestion that it being open source makes up for the fact it’s completely useless.

Comment by Thomas — March 2, 2007

Draw2D + Yahoo UI Integration
http://www.openjacob.org/draw2d/single/YahooUI_integration/index.html

greetings

FreeGroup

Comment by FreeGroup — August 8, 2007

Hi,

new kind of Open-jACOB Applicaion available.

– Online Database editing
– Online WYSIWYG Form Editor
– Vision like Workflow Editor
– …

http://www.verside.org

Greetings

Andreas

Comment by 65r5z6 — January 10, 2010

dear

use bento from filemaker instead of verside.org.
Verside seems not to be propper integrated into
the OS *bääh*

Comment by 65r5z6 — March 31, 2010

Hello,

We are planning to build a simple editor/game for kids. Below are the requirements.

1) Kids should be able to drag the basket (diff shapes) from left tool kit on to the canvas
2) Drag fruits from right hand side toolbar on the basket (only allowed to drop on the basket)
3) XML output should record the basket, shape and size of the basket and the fruit/fruits within.

Here is the URL for the screenshot of a rough prototype.

http://oi55.tinypic.com/ngx2ts.jpg

CAN WE USE DRAW2D TO ACHIEVE THIS?

Thanks,
P

Comment by pbd1979 — January 26, 2011

Leave a comment

You must be logged in to post a comment.