ModelGen for Visio

MG4V

about

ModelGen for Visio (MG4V) is a VSTO Addin that adds publishing capabilities to Microsoft Visio Professional. It allows you to publish Visio drawings as interactive and engaging HTML 5 web pages deployable to multiple locations, including local filestore, AWS S3 buckets, and Azure BLOB storage.


MG4V can also seamlessly publish to your favourite collaboration sites including: 1. Atlassian Confluence, using the Viso Publisher for Confluence (VP4C) App from Atlassian Marketplace; and, 2. SharePoint Online, using the Visio Publisher for SharePoint (VP4S) Web Part from Microsoft Appsource Marketplace.


Loading version info ...


The growing MG4V feature list includes:

  • High quality lossless Scalable Vector Graphics (SVG) models
  • Import RESTful API as Visio External Data
  • Publish external data linked to shapes
  • Pan and zoom controls for ease of navigation
  • Touch event support
  • Indexed search function allowing key word searches within models
  • Export Visio layers for dynamic model interaction
  • Externally linked pages
  • Native publishing to Confluence Cloud or Confluence Server using Visio Publisher for Confluence (VP4C)
  • Native publishing to SharePoint Online using Visio Publisher for SharePoint (VP4S)

The following steps will get you up and running...

  1. Watch the five minute installation video click here
  2. Install MG4V in your existing compatible Microsoft Visio Professional application - click here
  3. Download the "Periodic Table" example - click here
  4. Read the documentation - click here

installation

MG4V is a ClickOnce application, and installation does not require administrator access. The installer can be downloaded from this site: click here. Once installed MG4V will automatically check for, and install updates.


Installation prerequisites are your separately licensed, and compatible versions of both Microsoft Windows and Microsoft Visio Professional. MG4V is compatible with Microsoft Visio Plan 2, Microsoft Visio Professional 2019, Microsoft Visio Professional 2016, and Microsoft Visio Professional 2010. It can be installed on Windows 10, Windows 8 and Windows 7. The VSTO Add-in is not compatible with Mac OS, Apple iOS, Linux or any other operating system.


Generated models can be viewed in any HTML 5 compliant browser, including Google Chrome, Microsoft Edge, Apple Safari, Firefox and Opera. Microsoft Internet Explorer is not supported.


By installing MG4V you agreed to abide by our End User License Agreement (EULA) : click here


documentation

ID Name Type Description
1. External Data Mapping
1.0.1
ID
Drop-down
A unique identifier from the external datasource (e.g. 'Periodic Table' element atomic number)
1.0.2
Name
Drop-down
A meaningful name from the external datasource (e.g. 'Periodic Table' element name)
1.0.3
Description
Drop-down
A description from the external datasource (e.g. 'Periodic Table' description)
1.0.4
Link URL
Drop-down
A URL from the external datasource (e.g. 'Periodic Table' link to Wikipedia article)
1.0.5
Use External Data
Checkbox
Does the model map external data to the shapes in the drawing
1.0.6
External Data Source
Button
Lauch the External Data configuration dialog (see below)
1.1 External Data Dialog : Data Source
1.1.1
Data Source Name
Text
The name of the external data source
1.1.2
Data Source URL
Text
The URL for the RESTful API
1.1.3
API Query
Text
An optional API query string to filter the RESTful API results
1.1.4
Authentication
Listbox ('None', 'Username & Password', 'API Key', 'Login with Microsoft')
The API authentication scheme
1.1.5
Username (for 'Username & Password')
Text
The user principal
1.1.6
Password (for 'Username & Password')
Text
The user password
1.1.7
Key Name (for 'API Key')
Text
The HTTP header name
1.1.8
Key Value (for 'Username & Password')
Text
The HTTP header value
1.1.9
User Principal (for 'Login with Microsoft')
Text (optional)
A user principal hint
1.1.10
Azure App ID (for 'Login with Microsoft')
Text (optional)
The MG4V application UUID
1.1.11
Encode API Query
Checkbox
Optionally URL encode the API query (default is false)
1.1.12
Test API
Button
Test the API configuration and load the response in the "MG4V External Data JSON Viewer" dialog
1.2 External Data Dialog : Map Fields
1.2.1
Base Configuration : Root
Text
The jq path for the root of the repeating result set (where applicable)
1.2.2
Base Configuration : Multiple Children
Checkbox
Whether the API result set is exepected to return an array of repeating values
1.2.3
Field Configuration : Name
Text
The name of a column / field in the resultset
1.2.4
Field Configuration : Type
Select ('Boolean', 'Float', 'Int', 'String', 'Date', 'Date Time')
The type of a column / field in the resultset
1.2.5
Field Configuration : Path
Text
The jq path for the field in the resultset
1.2.6
Field Configuration : Show Field Detail
Checkbox
Whether to show the field configuration detail in the data grid resultset
1.2.7
Add Field
Button
Add a new field to the resultset field configuration
1.2.8
Delete Field
Button
Delete the selected field from the resultset field configuration
1.2.9
Clear All
Button
Reset the field resultset configuration
1.3 External Data Dialog : External Data Load
1.3.1
Delete Row
Button
Delete the selected row from the resulset
1.4 External Data Dialog : Button Bar
1.4.1
Save to File
Button
Export the external data configuration to a file
1.4.2
Load from File
Button
Import an existing external data configuration from a file
1.4.3
Reset
Button
Reset the external data configuration dialog
1.4.4
Load Data
Button
Execute the configured API query and load the retured data into the 'External Data Load' tab
1.4.5
Import and Close
Button
Import the resultset from the 'External Data Load' tab as an new named External Data source in the Visio model and close the dialog
1.4.6
Close
Button
Close the External Data dialog
2. Published Model Behaviour
2.1
Initial
Dropdown (%)
The initial size of the published model
2.2
Min
Dropdown (%)
The minimum size for zoom out (≤ Max)
2.3
Max
Dropdown (%)
The maximum size for zoom in (≥ Min)
2.4
Zoom Step
Dropdown ('Very Small', 'Small', 'Medium', 'Large', 'Very Large')
The zoom increment step size
2.5
Pan Step
Dropdown ('Very Small', 'Small', 'Medium', 'Large', 'Very Large')
Enable pan increment step size
2.6
Animation
Dropdown ('Off', 'Very Slow', 'Slow', 'Medium', 'Fast', 'Very Fast')
Pan and zoom response time / delay (no delay when 'Off')
2.7
Mouse Wheel
Checkbox
If enabled the mouse wheel will zoom in / zoom out, if disabled the mouse wheel will page scroll
2.8
Export Layers
Checkbox
Whether to export dynamic layer controls
3. Published Model Appearance
3.1
Fill
Color Picker Dialog
The highlight fill when the mouse pointer hovers over a model element
3.2
Line
Color Picker Dialog
The line color when the mouse pointer hovers over a model element
3.3
Font
Color Picker Dialog
The font color when the mouse pointer hovers over a model element
3.4
Line Width (pt)
Dropdown
The line width when the mouse pointer hovers over a model element
3.5
Popup Size
Drop-down ('Large', 'Medium', 'Small')
The popup dialog size
3.6
Modal Popup
Checkox
Whether the popup should be modal
4. Published Model Search
4.1
Seach On
Checkbox
Whether to display search field for interative indexed search
4.2
Search Field
Drop-down
The external data field used for indexed searches
4.3
Match Fill
Color Picker Dialog
The fill color for matched searches
4.4
Match Line
Color Picker Dialog
The line color for matched searches
4.5
Match Font
Color Picker Dialog
The font color for matched searches
4.6
No Match Fill
Color Picker Dialog
The fill color for non-matched searches
4.7
No Match Line
Color Picker Dialog
The line color for non-matched searches
4.8
No Match Font
Color Picker Dialog
The font color for non-matched searches
4.9
Shape Opacity
Dropdown (%)
The shape fill opacity non-matched searches
4.10
Text Opacity
Dropdown (%)
The text fill opacity non-matched searches
5. Output File Properties
5.1
Page Name
Text
The generated HTML page (overrides default Visio Page name)
5.2
Slim HTML
Checkbox
Additional processing to reduce the size of the generated HTML (may result in reduced quality image)
5.3
Browser Launch
Checkbox
Whether to launch the generated HTML page in a browser
5.4
User Settings
Button
Launch User Settings dialog (see below)
5.5
Publish
Button
Publishes the model based upon user configuration settings
5.6
Profile
Button
The active user settings profile
5.7
Name
Text
The active user settings profile name
6. User Settings
6.1 Active Profile Selector & Configuration Security
6.1.1
Active Profile
Pick List
The active user settings profile
6.1.2
Profile Name
Text
A user friendly name to identify the active user setting profile
6.1.3
Security Password
Text, must be 8 characters
The encryption/decryption password for user registry saved, and exported user settings
6.1.4
Password Visible
Checkbox
Unmasks encryption/decryption password when checked
6.1.3
Save To Directory
Folder Chooser
The folder where generated HTML gets written
6.2 AWS S3
6.2.1
Access Key
Text
AWS access key for S3 bucket
6.2.2
Secret Key
Text
AWS secret key for S3 bucket
6.2.3
AWS Region
ListBox
AWS S3 bucket region
6.2.4
Bucket Name
Text
S3 bucket name
6.2.5
Test
Button
Tests AWS S3 configuration
6.3 Confluence
6.3.1
Site URL
Text
Confluence cloud URL (e.g. https://<domain>.atlassian.net) or Confluence Server URL
6.3.2
User ID (email)
Text
Confluence Cloud user email address, or Confluence Server user name
6.3.3
API Token
Text
API token for Confluence Cloud API requests (see https://id.atlassian.com/manage-profile/security/api-tokens). Alternatively the Confluence Server user password
6.3.4
Space Key
Text
Target Confluence Space
6.3.5
Parent Page ID
Number
ID of parent page to publish ModelGen for Visio content
6.3.7
Hosting
ListBox ("Cloud", "Server")
The Confluence host environment
6.3.8
Test
Button
Tests confluence configuration
6.3.9
Frame Border
ListBox ("show" or "hide")
Whether to surround generated model with a border
6.3.10
Scrolling
ListBox ("yes", "no" or "auto")
Scrolling behaviour for generated model
6.3.11
Width
Percentage
Generated model width percentage
6.3.12
Height
Number
Generated model height in pixels
6.3.13
Alignment
ListBox ("left", "right", "top", "middle", "bottom")
The position of the generated model within the page
6.3.14
Page Source
ListBox ("VP4C", "AWS S3", "Azure Blob")
The source of the model, one of: 1. VP4C : Visio Publisher for Confluence dynamic macro (installed from Atlassian marketplace - see below); or 2. AWS S3 : Confluence IFrame macro with page src URL set to AWS S3 bucket; or 3. Azure Blob : Confluence IFrame macro with page src URL set to Azure Blob container
6.4 SharePoint
6.4.1
SharePoint Site
Text
SharePoint Online publish site (e.g. https://<domain>.sharepoint.com/sites/<Site Name>)
6.4.2
Login using Microsoft
Checkbox
Whether to prompt the user to pick an existing Azure AD account (including current logged in user). When checked the User and Password fields are disabled, however a populated User name will be used as a hint.
6.4.3
User
Text
Azure AD User (only used where 6.4.2 "Login using Microsoft" is unchecked)
6.4.4
Password
Text
Azure AD Password (only used where 6.4.2 "Login using Microsoft" is unchecked)
6.4.5
VP4S Document
Text
A relative path under the SharePoint Shared Documents where MG4V will publish the generated HTML model. Only used where 6.4.12 "Page Source" is set to "VP4S"
6.4.6
Test
Button
Tests SharePoint Online, including SharePoint site access, and existence of "VPS Document" path when using VP4S
6.4.7
Frame Border
ListBox ("show" or "hide")
Whether to surround generated model with a border
6.4.8
Scrolling
ListBox ("yes", "no" or "auto")
Scrolling behaviour for generated model
6.4.9
Width
Percentage
Generated model width percentage
6.4.10
Height
Number
Generated model height in pixels
6.4.11
Alignment
ListBox ("left", "right", "top", "middle", "bottom")
The position of the generated model within the page
6.4.12
Page Source
ListBox ("VP4S", "Azure Blob", "AWS S3")
The source of the model, one of : 1. Visio Publisher for SharePoint (VP4S) instlled from Microsoft SharePoint store, 2. Azure Blob : Embed WebPart with page src URL set to Azure Blob container, 3. AWS S3 : Embed WebPart with page src URL set to AWS S3 bucket
6.5 Azure Blob
6.5.1
Connection String
Text
Azure Blob Connection String
6.5.2
Container Name
Text
Azure Blob Container String
6.5.3
Test
Button
Tests connectivity to the Azure Blob Container, using the Connection String. If the named container doesn't exist, then it will be created
6.6 Advanced
6.6.1
Azure App ID
Text
Unique Azure AD Application ID (assigned by SharePoint Azure AD admin). Defaults to CPAS registered MG4V application where "Azure multitenant" is checked.
6.6.2
Azure Tenant ID
Text
Azure AD Tenant ID for user authentication. Defaults to "common" where "Azure multitenant" is checked.
6.6.3
Azure multitenant
Checkbox
Whether MG4V should be treated as a mutitenant application. When unchecked the "Azure App ID" and "Azure Tenant ID" fields are editable
6.7 Configuration Action
6.7.1
Save All
Button
Saves user configuration to user registry (requires a valid Security Password)
6.7.2
Close
Button
Closes user configuration window. If there are unsaved user configuration changes these will be saved
6.7.3
Export
Button
Exports encrypted user configuration to file "ModelGenVisioConfiguration.mg4v" in nominated directory
6.7.4
Import
Button
Imports encrypted user configuration from file "ModelGenVisioConfiguration.mg4v" in nominated directory
6.7.5
Load
Button
Loads user configuration from registry (requires a valid Security Password)

Examples


Some examples of models

Periodic Table Education
Process Flow Business Architecture

Example Models

Description Open in New Window Visio Drawing Visio 2003 - 2010 Drawing
An interactive periodic table demonstrating all MG4V features Periodic-Table.vsdx Periodic-Table.vsd
A sample entity relationship diagram with dynamic entities and relationships General Ledger ERD.vsdx General Ledger ERD.vsd
A sample business process flow model Match Invoice Proocess Flow Chart.vsdx Match Invoice Proocess Flow Chart.vsd

Entra ID

Microsoft Entra ID Gallery - MG4V

MG4V uses Microsoft Entra ID for seamless single sign on to access Microsoft resources like O365 SharePoint and MS Graph API. Check it out in the Microsoft Azure AD App Gallery

MG4V must be installed in your organization's Entra ID tenant by an administrator. See VP4S below for configuration information that will raise a request to your administrator. When the 'Test' button is clicked if MG4V needs to be installed the approval request below will be displayed.

MS Entra ID Enterprise Application Approval Request An approval request must be sent to the MS Entra ID administrator for approval
MS Entra ID Enterprise Application Approval Response Once MG4V is installed in the MS Entra ID tenant it will be be able to perform seamless single signon

VP4C

Visio Publisher for Confluence - VP4C

Visio Publisher for Confluence (VP4C) is an Atlassian Marketplace App that can be installed in Confluence Cloud or Confluence Server. It allows ModelGen for Visio to natively publish interactive HTML models into Confluence Wiki pages without any external hosting.

How does VP4C work?

When MG4V publishes to a Confluence Space Page that has the VP4C App installed the following actions occur: 1. A new page is created, in the configured Confluence Space and as a child of the configured Parent Page containing the VP4C App that references the HTML document attached in step 2; 2. The MG4V generated HTML page is attached to the Space page created in 1


Check out VP4C in Atlassian Marketplace

To install and configure VP4C ...

  • Install VP4C from Atlassian Marketplace
  • For Confluence Cloud users create a new user API token for MG4V to authenticate publising requests: click here
  • Configure the Confluence Cloud or Confluence Server information in the MG4V Addin User Settings, per below
    • Configure the Confluence Site URL
    • Enter the user ID, and password (or API Token for Confluence Cloud)
    • Enter the Confluence Space Key
    • Enter the Parent Page ID
    • Select the Hosting Option, either "Cloud" or "Server"
    • Under VP4C Macro Configuration select "VP4C" as the "Page Source"
    • Click "Test" to test configuration
Configure Viso Publisher for Confluence (VP4C) MG4V Confluence Configuration

VP4S

Visio Publisher for SharePoint - VP4S

Visio Publisher for SharePoint (VP4S) is a Microsoft SharePoint Framework WebPart that can be installed in SharePoint Online (on premises SharePoint is not supported). It allows ModelGen for Visio to natively publish interactive HTML models into SharePoint Online Site Pages without any external hosting.

How does VP4S work?

When MG4V publishes to a SharePoint Online site that has the VP4S Web Part installed the following actions occur: 1. The MG4V generated HTML page is uploaded to a User Settings configured folder under the site Shared Documents; 2. A new Site Page is created with the VP4S Web Part that references the HTML document uploaded in step 1.


Checkout VP4S in Microsoft Appsource Marketplace

To install and configure VP4S ...

  • Install VP4S from Microsoft Appsource Marketplace
  • Configure the SharePoint Online and VP4S User Settings, per below
    • Enter the SharePoint Online Site URL
    • Either 1. Enter the SharePoint Online Username and Password; or 2. Click "Login with Microsoft" for logged in Azure AD user
    • Configure the SharePoint Online Shared Documents Folder relative path (note if the path leaf folder does not exist MG4V will try and create it)
    • Under IFrame Configuration select "VP4S" for "Page Source"
    • Click "Test" to test configuration
Configure Viso Publisher for SharePoint (VP4S) MG4V SharePoint Configuration

support

See contact details below