This site is no longer updated.Go to new Conversational Cloud docs

J-Graph visual editor

J-Graph is a no-code visual editor which enables viewing, creating, and editing dialog scripts. J‑Graph is a powerful collaboration tool for all sorts of people involved in the development of conversational AI solutions:

  • Product analysts, managers, and CUI designers will find it a useful instrument for high-level design of bot scripts and for laying down the main bot–human interaction paths.
  • For developers and linguists, it can go so far as to replace the source code editor as a full-fledged IDE supporting all features of the JAICP DSL bot script language.

J-Graph is fully compatible with the source code editor and provides a seamless conversion of DSL code to the graphical user interface.

An example script opened in J-Graph

How to launch J-Graph

To start working with the visual editor:

  1. Create a new JAICP project or select an existing one.
  2. On the control panel to the left, select Editor → J-Graph.

There is also an alternative way to switch to J-Graph from the source code editor:

  1. Open any script file having the .sc extension.
  2. Click the icon on the top panel.

J-Graph will open and replace the source code editor and the file tree. If you want to switch back to the code, click or select Editor → Code on the control panel.

Getting started

If you’re just starting out to build your first script in J-Graph, here’s a couple of tips:

  1. Start by populating the canvas with some states — these are the units upon which the bot business logic will be built up.
  2. Fill your states with blocks — literally the building blocks which describe the user and bot behavior in the context of states.
  3. Add some expected paths to connect your states with links by which the dialog will be able to hop from one state to another.
  4. Carry on adding more content to your script, taking care to combine related states into groups, or power up your script business logic by introducing actions.

The structure and the content of states in J-Graph fully correspond to the source code. All changes made in J‑Graph are saved automatically as code, and vice versa: all changes to the code are immediately shown on the canvas.

You may switch freely between the two editors, working on your project in the one which suits best for the task at hand.