Skip to content

Show branch logic in a Microsoft Forms form as a diagram

License

Notifications You must be signed in to change notification settings

rajch/ms-forms-diagram

Repository files navigation

ms-forms-diagram

Show branch logic in a Microsoft Forms form as a diagram

Forms Diagram Icon

Rationale

A form created using Microsoft Forms can have complex branching logic. This Chrome (and Edge) Extension allows that logic to be visualized using a mermaid-generated diagram.

Installation

  1. Clone this repository, or download a zip file from the latest release and unzip, to a local directory.
  2. Put Chrome (or Edge) into developer mode.
  3. Load the local directory created in step 1 using the "Load Unpacked" button.

Then, pin the extension icon to your browser toolbar. It will "light up" when you start editing a form in Microsoft Forms. Click it while editing branches to see a diagram of your branching logic.

The latest released version is also available on the Chrome Web Store, and the Edge Add-ons website.

Disclaimer

This extension was created in October 2022, and uses HTML scraping to parse the branching structure of forms. If the HTML structure or URLs of Microsoft Forms changes, it will probably stop working and need an update.

Acknowledgements

This extension was created because of prodding by Dr. Nitin Paranjape (@drnitinp on GitHub). He came up with the requirement, and tested the solution through multiple iterations and refinements.

Mr. Nisar Ahmed Barwelkar helped with Arabic localization.

Other localizations were provided by Google Gemini.