Create Visio like drawings, diagrams or an workflow editor with the Javascript library.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.

High quality hardware accelerated web rendering using SVG & HTML5 in modern browsers like Safari, FireFox, Chrome, Opera and IE9+
Automatic fallback to VML rendering for earlier versions of Internet Explorer.

..the perfect solution for online diagrams and graphs

Works across devices and browser


Draw2D touch takes the JavaScript & HTML canvas development to a new level. It is platform independent, cross-browser compatible and works on PC and mobile devices.

Optimized for Performance


Highly responsive, carefully optimized to deliver outstanding experience on a wide range of devices, operating systems and browsers.

Web Standards Compliant


Don’t spend time testing on different devices and browsers. Use a reliable, CSS compliant JavaScript library based jQuery, HTML5, CSS3 and RaphaelJS
based on the famous libraries:
  • jQuery
  • Raphael
Example how to add elements and connections in Draw2D into a HTML5 canvas 
      var canvas = new draw2d.Canvas("gfx_holder");
          
      // Create two standard nodes for "start" and "end" and link
      // this figures with a standard Connector
      //
      var start  = new draw2d.shape.node.Start();
      var end    = new draw2d.shape.node.End();
          
      canvas.addFigure(start, 80,180);
      canvas.addFigure(end, 450,250);
        
      // Add a connection via API calls between Start and Stop
      //
      var connection = new draw2d.Connection();
      connection.setSource(start.getOutputPort(0));
      connection.setTarget(end.getInputPort(0));
      canvas.addFigure(connection);