CHALLENGES
- Separation of logical and visual levels of diagramming.
- Flexible wiring (orthogonal edge routing).
- One-click modification of nesting level for states.
- Diagram logic restrictions.
KEY FEATURES
- User friendly toolset (Boxes&Arrows approach).
- Deep nesting support.
- Customization of conditions, events, event handlers.
- Generating code for the selected programming langua.
APPROACH
Since the application is a visual creator for building state diagrams and establishing connections between them we`ve started with designing of the proper architecture to provide the ability to separate the logic level from graphical representation. This allowed to define the main logic elements at the beginning and then switch directly to visual part. In the course of work a number of UX ideas for objects manipulation has been suggested and successfully added to the editor facilities.
One of the main obstacles, caused by various cases of states nesting was implementation of optimal routing mechanism for connection lines. The analysis of existing approaches allowed us to choose the appropriate one and improve it to meet the requirements and limitations of diagramming logic.
RESULTS
What our team says?
about project
What our team says?
about project
YOU MAY FIND INTERESTING
AI Energy Control Solution
AIR CONTROL APP
Engineering Map for Cities Infrastructure