Org Structure Viewer

Visualize your org chart from a single YAML file directly inside VS Code.

Install

• Marketplace: https://marketplace.visualstudio.com/items?itemName=MHUTS.org-structure-viewer
• After install, the command Org Chart: Open becomes available.

Use

1. Open your workspace. If it contains org-structures.yml, the extension will pick it automatically. Otherwise you can choose any YAML file when prompted.
2. Run command Org Chart: Open.
3. The org chart renders in a webview with header (logo, name, about, website), roles, responsibilities, locations, avatars, and footer (Powered by https://mhuts.com).

YAML format (overview)

• Root keys: version, organization, structures (array).
• organization: name (required); about, website, logoUrl (optional).
• Each structure: id, label, type (functional|divisional), root.
• Each node (root and children):
  • Required: name
  • Optional: role, location, owner, responsibilities[], metrics[], notes, imageUrl, children[].

Validation errors are shown in the webview if required fields are missing or the tree is malformed.