JavaScript
const editor = new Drawflow(document.body);
editor.start();
const t =
'{"drawflow":{"Home":{"data":{"1":{"id":1,"name":"end","data":{},"class":"end","html":"<div>End</div>","typenode":false,"inputs":{"input_1":{"connections":[]}},"outputs":{},"pos_x":543,"pos_y":425},"2":{"id":2,"name":"step_1","data":{"id":"step_1","description":"step_1","priority":"Medium","duration":3,"instructions":null,"roles":[],"recipients":{"restricted_to":"None","selection_method":"Manual","sourceDefineDefault":"None","min_count":null,"max_count":null,"sequence_change_restricted":null,"recipient_change_restricted":null,"recipient_delegation_restricted":null,"sequence_type":"Parallel","all_recipients_must_complete":false,"recipients_source":"None"},"collaboration":{"enabled":false,"enable_tracking_on_export":null,"disable_tracking_on_import":null},"outcomes":[{"id":"out_1","description":"out_1","color":"Default","comment":"None","signature":"NotRequired","reason":"None","per_role_audit_settings":[]}]},"class":"step_1","html":"<div>step_1</div>","typenode":false,"inputs":{"input_1":{"connections":[]}},"outputs":{"output_1":{"connections":[]}},"pos_x":150,"pos_y":300},"3":{"id":3,"name":"step_2","data":{"id":"step_2","description":"step 2","priority":"Medium","duration":4,"instructions":null,"roles":[],"recipients":{"restricted_to":"None","selection_method":"Manual","sourceDefineDefault":"None","min_count":null,"max_count":null,"sequence_change_restricted":null,"recipient_change_restricted":null,"recipient_delegation_restricted":null,"sequence_type":"Parallel","all_recipients_must_complete":false,"recipients_source":"None"},"collaboration":{"enabled":false,"enable_tracking_on_export":null,"disable_tracking_on_import":null},"outcomes":[{"id":"out_2","description":"out_2","color":"Default","comment":"None","signature":"NotRequired","reason":"None","per_role_audit_settings":[]}]},"class":"step_2","html":"<div>step...