D3 UML editor

The objective of this project is to build a pure client-side Javascript implementation of a simple-to-use Visio-like graphical editor for three UML diagrams. [login to view URL] background, please see Papyrus, [login to view URL], implemented in Java and a jsUML2 and a Javascript implementation, [login to view URL] . We want to a pure Javascript implementation but ONLY for three of the UML diagrams: component, sequence and state chart based on the SYSML subset, so we want a much simpler implementation. 2. We also need a much simpler interface: toolbox on left, properties on right (see demo at [login to view URL] ) and a Metro-style user interface (see [login to view URL] ). 3. Functionality: Implement FIVE screens: a coversheet that lets the user select one of the existing templates or design a new template, first page of wizard-UML component diagram, second page-UML Sequence diagram, third page-UML state chart and the last page that shows a summary and the ability to load/save these diagrams as JSON. 4, Look-and-feel: JSPlumb style drag-and-drop+connectors (see [login to view URL] and [login to view URL] ), Hand-drawn theme from [login to view URL] and preferably, language-interface from [login to view URL] 5. Technologies: Pure javascript, ideally using D3.js or Raphael and all diagrams to be saved as JSON objects. 6. Prefer a language-based interface in addition to toolbox (see [login to view URL], codeuml above and [login to view URL] for examples of the language+grammar) using the JISON parser. 7. Prefer a touch interface e.g. [login to view URL]!/example Please let e know if you have questions or suggestions.