Diagram View

The topology of programs using the Python or C++ SDKs can be visualized in an interactive diagram using our VS Code extension.

Rendering Diagrams

Open VS Code and bring up the Command Palette using Ctrl+Shift+P. Type Xronos: Open Diagram View and select the corresponding entry using ⏎. This will open the Xronos Diagram view as shown below.

Initially, no diagram is shown. The diagram view automatically renders the program that was last executed. Try running the Python or C++ “Hello, World!” example. If you like, you can use the builtin terminal of VS Code.

PythonC++

$ source .venv/bin/activate
$ python hello.py
Hello, World!

Now the diagram view updates and shows the hello reactor that we just executed.

You may run arbitrary Xronos programs and observe their topology in the diagram view. For instance, the YOLO example is rendered as shown below.

Code Navigation

You can also use the diagram to navigate your code. Select an element in the diagram and press F12, or click on an element while holding down the Ctrl key (Cmd/⌘ key on Mac). This will bring you to the location in the code that created the element.

Viewing Diagram Server Logs

To view the diagram server logs, open the Output panel using View ‣ Output and select Xronos Diagram Server from the dropdown.