Simple editor for creating graphs implemented purely in Elm.
Switch branches/tags
Nothing to show
Clone or download

Elm graph editor

Simple editor for creating graphs implemented purely in Elm. See it in action!

Current features

  • The editor has 3 modes, which determine what user interactions are doing with the graph
    • In Create/Edit mode you can
      • Create new nodes by clicking on the canvas (double click to immediately start editing node text).
      • Edit node text by double clicking node. Enter confirms the edit.
      • Create new edges by click & holding mouse button on initial node and dropping on target node.
      • Edit edge text by double clicking edges. Enter confirms the edit.
    • In Layout mode you can move nodes on the canvas using drag and drop.
      • Alternatively you can get nodes arranged automatically using one of the supported GraphViz's layout engines
    • In Delete mode you can remove nodes and edges by clicking them.
  • Help button that shows/hides info about how users can create/edit graphs
  • Export graph in different formats

Upcoming Features

  • Ability to save / load multiple graphs in local storage


  • Add mode dependent SVG cursors to make semantics of mouse actions clearer