quartus-qsys-viz is a Visual Studio Code custom editor for Intel Quartus Platform Designer (.qsys) systems.
It helps you inspect connectivity, filter interfaces, inspect modules and nets, and export diagrams.
Disclaimer:
This is an independent community tool and is not an official Intel Quartus product.
Key Features
Open .qsys files directly in VS Code as an interactive diagram.
Default Vertical (Quartus-Like) layout for connection readability.
Additional layout modes (Layered, Radial, Force, Mr. Tree).
Dark UI theme for the toolbar, side panel, address map, and diagram canvas.
Per-interface color legend and visibility filtering.
Hide Unconnected Modules based on currently visible nets.
Address Map overlay with CSV export.
Draw.io export (.drawio).
Net tooltips on hover: Net, Type, Source.
Directional port glyphs (input/output triangles), junction dots, and selected net flow animation.
Module focus mode: click a module to isolate its directly connected neighborhood.
Sidebar visibility toggle button and S keyboard shortcut.
Usage
Open a .qsys file in VS Code.
Choose layout and filters from the left sidebar.
Click modules or nets to inspect details.
Use Address Map for base/end range overview and CSV export.
Use Export Draw.io to export the current graph.
Keyboard Shortcuts
F: Fit and center the diagram.
S: Toggle left sidebar visibility.
Esc: Clear the current module/net focus.
Delete: Hide selected module.
Shortcuts are ignored while typing in inputs/editable fields.
Build and Package
npm install
npm test
npm run compile
npm run package
Install the generated .vsix via Extensions: Install from VSIX... in VS Code.
Release Notes
See CHANGELOG.md for version history and release details.
