Binibeno

Other projects

AboutDemo

Diagram Creator

Create, edit and share complex diagrams. Your work can be exported into a file. Internally, doctors and I use this tool to create the interactive questionnaires in my mobile app, PocakTudor.


React
Web-Development
Algorithms

Initially, I made this tool to help doctors (dr. Melinda Sutka, dr. Katalin Muller) and me with the making of interactive questionnaires for my mobile app, PockTudor.

In PocakTudor, there are many interactive questionnaires that can help pediatricians diagnose common medical diseases. In these questionnaires, the user has usually 2–3 options to choose from for each question. Depending on the user's choice, it will lead them to a series of other questions until a diagnosis is reached. This can be illustrated using a tree-like diagram, where each answer to a question is a new "branch" on the tree (diagram). At the end, all branches lead to a diagnosis.

This tool makes it possible to create (and visualize) these complex medical questionnaires in a user-friendly manner, in the form of a diagram. This makes it easy to see all the possible outcomes, and helps to make sure that a diagnosis is always reached at the end of the questionnaire.

The exported diagrams can then be uploaded to PocakTudor's content server. In the application, the exported diagrams display in the form of a series of questions.

Here’s an example of a diagram, and the resulting in-app questionnaire:

A demo picture of diagram editor

The app can also be installed as a Web Application if your device supports it, which makes it much faster to open up the diagrams. Currently still work in progress.