Skip to content

tpan496/csgraph_editor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

55 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CS Graph Diagram Editor

Javascript web app for creating mathematical/computer science graph diagrams. Support basic shape manipulations(translation, scaling), edge tracking for graphs, PNG/XML export.
The app is inside 'app' folder, the rest being backend related files.
External libraries: jQuery, jQueryHotKeys, saveSvgAsPng
Site: csgraph.io alt text

Use

Create nodes(vertices)/labels from left-side tool bar. Connect nodes by draggin the centered green button inside the node to targeted node. Once nodes are connected you can move them freely around as the edges would follow their connected vertices. You can also change the detailed paratemers of objects from the right-hand-side information panel.

Note

Due to transform-origin different implementations in browsers, scaling is not yet supported in Safari. It should work with latest version of Chrome/FireFox/Edge