Arrow icon
See all demos

Question Answer Diagram

This demo demonstrates how to create a question and answer diagram. Users can create a dialog, then preview the result in an interactive manner. This type of flowchart can be used to convey a wide range of information.
Demo instructions
Use the JointJS+ Toolbar to add questions and answers, or preview the dialog. Double-click on the text to edit using the JointJS+ TextEditor plugin. Click and drag a port to connect it with another question or answer, and then preview the resulting dialog.

Made with JointJS+

The source code of this demo is available as part of the JointJS+ commercial license. Don't have a license yet? Start a trial and use the source code of this and many other demos for free, with no obligations, for 30 days.

Compatible with:

ReactAngularVueSvelteHTML5Salesforce Lightning

Made with JointJS+

All features required to build this demo are included in the commercial JointJS+ package. Don't have a license yet? Start a trial and build professional applications with ease.

Compatible with:

ReactAngularVueSvelteHTML5Salesforce Lightning

Made with JointJS

The source code of this demo is available in the JointJS open-source library which helps developers create simple visual applications in less time.

Compatible with:

ReactAngularVueSvelteHTML5Salesforce Lightning

Made with JointJS

All features required to build this demo application are included in our open-source library, JointJS. Download the package and create basic visual applications in no time.

Compatible with:

ReactAngularVueSvelteHTML5Salesforce Lightning

We equip developers with all the plugins they need to save time and focus their energy elsewhere such as TextEditor, Tooltip, and Halo.

Speed up your development with a powerful library