Graphviz SupportA vscode extension that provides language support and live preview for the Graphviz format. The preview uses the Viz.js library. The extension can be activated in two ways FeaturesSnippetsTry typing one of the following prefixes to see available snippets: Graph preview
Scaling the graph previewThe live preview of the graph can now be:
This greatly facilitates viewing large graphs. To facilitate working on graph files in the editor, or visualizing files that are created by programs (i.e. search algorithms), the preview can be auto-scaled: Double clicking on the fit-to-width [↔] or fit-to-height [↕] buttons toggles the given mode on, so when the graph source changes, the preview scales automatically to remain visible. The zoom level value may be now set to a specific value, or gradually changed by the up/down keys on the keyboard. Exporting to a .svg fileClick the [↓] button and select the location of the .svg file. The file may be open in any web browser, or attached to an email etc... Opening preview in a browserIt is also possible to open the file in the default browser by clicking on [⇱]. This creates a temp file and asks the operating system to open it in a default browser or another capable application. Known issues:
For other extension developersOther extensions may invoke the preview pane programmatically by writing a valid .dot file to the disk and then executing this command:
How to installLaunch VS Code Quick Open (Ctrl+P), paste the following command, and press enter:
How to build and install from source (Linux)
On Windows, just omit the Credits
|