Still in lockdown on holiday, so I thought I would create a version of backgammon that can be played with Visio for the web. This was inspired by my original Visio tutor, the late David Edson, who created a Visio backgammon document which included macros. Macros are not available in Visio for the web, so I have created one where the dice can be shaken, the doubling cube changed, and the pieces reset, using nothing but ShapeSheet formulas.
[Read more…] about Play Backgammon with VisioTeams
Play Chess with Visio in Teams
Following on from my last article about playing checkers with Visio in Teams, I decided that I should also revisit my earlier Visio chessboard to make it work in Visio online. I have implemented the ability to automatically reset the positions before a new game, and I have made a single chess piece shape that can be either colour or icon.

Play Checkers with Visio in Teams
We are all spending more time in Teams or SharePoint nowadays, but not everyone knows that Visio documents can now be shared and collaborated with, and even set as a Teams tab. I was trying to think of a suitable demonstration of the co-working and collaboration possibilities, and came up with a reworking of an earlier post about playing checkers with Visio. Since this previous document was made before Visio for the web, I made some enhancements that work just as well with Visio for desktop and Visio for the web. This article explains a few ShapeSheet customisations that can be developed in Visio for the desktop, but can then be used in Visio for the web. Notice how each player can see which piece was moved by their opponent because their initials are displayed, and this is expanded to the full name if the mouse cursor is hovered over them.

Visio is NOT Vizio!
Update 1 : Microsoft read this post and immediately corrected the spelling so the following now works : https://adoption.microsoft.com/virtual-hub/search/?_sft_vh_product=microsoft-visio 🙂
Update 2 : Mr VisGuy! “spelt” is the same as “spelled” outside USA!
Aarghh! What kind of message is sent out if a company does not know how to spell the name of their own product? There is a make of TV in the States called Vizio, which is not the name of my favourite data-diagramming application, Visio. It may be pronounced the same, but believe me it is totally different. So, it is extremely disappointing that Microsoft have allowed their own product to be spelt incorrectly in the Virtual Hub in the Microsoft Ignite 2020 website.

Learn about Visio Data Visualizer in Excel, Visio in Teams and Power Automate
I recently wrote a series of articles about some of the new capabilities of the Visio desktop and web app.
Using the Visio Data Visualizer in Excel
Creating Visio Tabs and Apps for Teams with SharePoint Framework (SPFx)
Webinar on Visio, SharePoint and Teams using SPFx
I will be presenting a webinar on embedding Visio diagram in SharePoint Online and Teams next month, please register here ! (Or if you missed it live, then watch the recording !)

The slides are available at https://www.slideshare.net/bvisual/creating-a-visio-web-part-with-sharepoint-spfx
Related Posts
Viewing Visio Files in Public Websites
Some of my colleagues have asked me how I have managed to include Visio files into this public website, so I thought I would share my secret. Microsoft has kindly provided a File Viewer Web Part for use in SharePoint that appears to be useful in other websites too. If you view a Visio file…
Triggering Shape Mouse Enter and Leave JavaScript events in Visio Online
learn why shape mouse enter and leave events may not fire in Visio for the web, and how to fix it.
Support for the Visio JavaScript API in SharePoint Modern Framework, and more
Visio Extensibility roadmap from Microsoft Ignite 2018
Visio JavaScript API preview announced
Microsoft have just announced the availability of the new Visio JavaScript Api ( see Visio JavaScript APIs Preview). I presented this last week at the Artic SharePoint Challenge in Oslo where a number of developers took the opportunity to create data-linked Visio diagrams in Visio, and interact with them in SharePoint. Here is an abbreviated…
Using JavaScript to Find and Highlight Visio Shapes by Shape Data values in SharePoint Content Editor
In August, I wrote about Using JavaScript to Display Visio Shape Data and Hyperlinks in SharePoint Content Editor ( see http://blog.bvisual.net/2014/08/16/using-javascript-to-display-visio-shape-data-and-hyperlinks-in-sharepoint-content-editor/ ), so now I have added the ability to select shapes by a property value. The main advantage of using JavaScript in the client is that there is no need to go back to…
Using JavaScript to Display Visio Shape Data and Hyperlinks in SharePoint Content Editor
I like embedding Visio diagrams into SharePoint web pages, but I am not too enamoured with the Shape Info panel and the popup hyperlinks menu because they clutter the diagram surface. So, I thought I would take some time to make an html document that can be included in a Content Editor web part. This…