tpan496 / csgraph_editor

CS Graph editor : Javscript based frontend visual graph editor

Home Page:http://www.csgraph.io

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

CS Graph editor : Javscript based frontend visual graph editor

http://www.csgraph.io


Languages

Language:JavaScript 91.7%Language:CSS 5.0%Language:HTML 3.3%