VS Code Extension

Syside comes as a VS Code extension, published on the VS Code Marketplace and Open VSX. It works the same in VS Code compatible editors such as Cursor, Kiro, VSCodium and others. Requires a paid plan for features beyond textual language support.

VS Code Extension: generates configurable visualizations, creates editable tables from your models, adds a tab for saved model views and more.

Syside uses the same engine here and in Python, so a model that checks out in one checks out in the other.

Get started

• Install the VS Code Extension – Start here

Then take whichever first run matches your work:

• Write your model – Your first textual modeling example

• Visualize your model – Visualize your model

• Build a table view – Build a table from your model, column by column

Then get to know the UIs:

• Diagram views UI – What a diagram panel offers once it is open

• Table views UI – The views panel, editing cells, exporting to CSV

• Matrix views UI – Adding and removing links straight from a matrix

How-to guides

• Configure diagram views – Choose the diagram kind a view produces and set its depth, layout and output

• Common table patterns – Table shapes that come up repeatedly

• Table view examples – Complete, working view definitions to copy from

Explanation

• Grid view foundations – The SysideViews library, how rows are selected, and the definition-usage pattern

• Table navigation chains – How a navigation chain walks from one element to another

Reference

• Diagram settings – Every [viz] option, with its type and default

• Select diagram elements – expose and filter, the two statements that decide which elements a diagram draws

• Matrix views – Matrix structure, cell views, matching and editable relationships

• Table view structure – What a table view definition contains

• Definitions – Every navigation step, with its arguments

• Cell representations – How a cell renders, and which ones can be edited

• Configure the extension – Where settings live, how config files are discovered and merged, and what takes priority

• Settings in syside.toml – Reference for every syside.toml option

• Settings in the editor – Reference for the syside.* settings the extension adds

Troubleshooting

• Troubleshoot grid views – What a grid view reports when it cannot show what you asked for