I think this is the cleanest UI builder I have seen for flows/processes. I am envisaging adding forms to each shape to set out some properties and then control the process/flow for a powerful ProcessFlow Builder for an application. What is the best way to handle this with DgrmJS?

Hi Alex,

yet another feature request : for Text - Bold, Italic, Underline to be made available for beautifying

From your write up, it says

https://medium.com/codex/javascript-svg-diagram-editor-which-weighs-6-5-less-than-bootstrap-open-source-library-b753feaaf835

DgrmJS dispatch events, like ‘shape is selected’ or ‘shape is connecting to another shape’.
Developers can use these events to implement their own logic, for example, make a JSON description of the workflow.

Can please help to give an sample code on how to use these events?
Can please help to give an sample code on how to implement own logic to generate json description of the workflow?

HI Alex,

It would be good to have additional feature for Icons in left widget .. This will improve to add icons to explain in good flow for end user.

Links sometimes "wiggle" so that it is not evident what they convey. I attach an example.

I just want to know if it is possible to compile everything into one javascript file so that it can be used directly with just a script tag without putting the whole folder inside a project?

Thank you again for writing this library!

How to reproduce:

1. Create 2 nodes
2. Connect one to another (maybe optional)
3. Drag one over another so that outgoing and incoming edge connectors are directly over each other

• the node being dragged jumps 1000 pixels or so.
  Tested: latest Firefox
  Possible cause: division by zero.

I am not going to use the project, just wanted to report the issue randomly.

Issues:

1. Arrow not showing by default
2. After selecting from settings, arrow rendering is not reflecting as per selected

I tried to delete an arrow between two shapes but not able to figure out how to delete it.

When my browser runs out of memory, and I click "SAVE" it crashes... and when I browse back, nothing.

What if the browser automatically reloaded with a URL like if you click share... and then automatically saved every few minutes? That would've saved me so many hours of work. Is it easy to implement?

This is cool tool. is it possible to extend?
I need to create new connected node when Link is dragged or if user press tab key, new node is added to canvas with link.
could you give idea to extend the above feature if it is possible

Hi.
Is there a way to add another palette? I have a list guard, trigger action, workflow. I just drag and drop text into the state and it will be stored in the json output.

Thanks for great lib

Hi - very nice library.

Obviously its no problem to have pro features etc, but at the moment its a little unclear what is pro / what is in the github.

I found the github repo is missing the rectangles, and also has a different right-click behaviour.

What is in / out of scope for the github version?

Uncaught (in promise) SyntaxError: Unexpected end of JSON input
at index.js?v=20230621:1:59293

Any idea?

Hi Alex,

Can you think of adding animated flow to arrows.. so it gives a better flow visualization ?? Just a thought