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.

Our 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.

Image

Would you like to collaborate with us?

Have an idea or project? Fill out the form below, and we'll get back to you as soon as possible.

YOU MAY FIND INTERESTING

AI Energy Control Solution

AI Energy Control Solution

Layla Electric is an all-in-one AI-powered platform that simplifies energy management and saves property owners money.

Learn More
AIR CONTROL APP

AIR CONTROL APP

Client-Server solution for visualization and manage device`s data in real time.

Learn More
Engineering Map for Cities Infrastructure

Engineering Map for Cities Infrastructure

The web application for keeping CAD objects of existing city infrastructure: water, oil and gas tubes/sewerage/electricity. It allows municipalities to control all kinds of utilities to make faster and to make the better decisions for the existing utilities as well as for the new infrastructure projects.

Learn More