{"id":516,"date":"2017-03-01T00:00:00","date_gmt":"2017-03-01T08:00:00","guid":{"rendered":"http:\/\/officedevblogs.wpengine.com\/?p=516"},"modified":"2021-11-15T11:25:13","modified_gmt":"2021-11-15T19:25:13","slug":"visio-javascript-apis-preview","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/visio-javascript-apis-preview\/","title":{"rendered":"Visio JavaScript APIs generally available"},"content":{"rendered":"<div id=\"body-content\">\n<p><span><\/span><span>We&rsquo;re very excited to announce <\/span><span>the release<\/span><span> of the <\/span><span lang=\"EN-IN\"><a href=\"https:\/\/dev.office.com\/reference\/add-ins\/visio\/visio-javascript-reference-overview\"><span>Visio JavaScript APIs<\/span><\/a><\/span><span>. You can use the Visio JavaScript APIs to extend Visio Online and build rich mashup scenarios. <\/span><span lang=\"EN-IN\"><span>These APIs are now released and you can start using them today in your production <\/span><\/span><span lang=\"EN-IN\"><span>environment.<\/span><\/span><span lang=\"EN-IN\"><span> <span lang=\"EN-IN\">For more information, see <a href=\"https:\/\/.office.com\/2017\/03\/01\/visio-online-anywhere-anytime-access-to-your-diagrams\/\"><span>Visio Online: anytime, anywhere access to your diagrams<\/span><\/a><\/span><\/span><\/span><\/p>\n<p><span lang=\"EN-IN\"><a href=\"https:\/\/products.office.com\/en-us\/visio\/visio-online\"><span lang=\"EN-US\"><span>Visio Online<\/span><\/span><\/a><\/span><span> is the new way to view and share Visio diagrams on the web. Part of the Office Online ecosystem, Visio Online includes a modern UI and introduces performance improvements and rich consumption capabilities that aren&rsquo;t available in Visio Web Access.<\/span><\/p>\n<p><span>The Visio JavaScript APIs enables programmatic access to the embedded Visio Online diagrams in a SharePoint page.<\/span><span lang=\"EN\"><span> An embedded Visio diagram is a diagram that is stored in a SharePoint document library and displayed inside a SharePoint web page using an iframe. <\/span><\/span><\/p>\n<p><p><img decoding=\"async\" width=\"690\" height=\"697\" alt=\"VisioDiagram&quot;&quot;\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/05\/Javascript20Visio20Diagram.png\"><\/p>\n<h3><\/h3>\n<h2><span><span style=\"color: #2f5496;font-family: Calibri Light;font-size: large\">Benefits of using the Visio JavaScript APIs<\/span><\/span><\/h2>\n<p><span lang=\"EN-IN\"><span>Visio Web Access currently supports viewing Visio diagrams in only part of the SharePoint page and building interactive mashup solutions.<\/span><\/span><\/p>\n<p><span lang=\"EN-IN\"><span>The new Visio JavaScript APIs fill some gaps in Visio Web Access, are more aligned with Office Extensibility and provide<\/span><\/span><span lang=\"EN-IN\"><span> <\/span><\/span><span>solution-building <\/span><span lang=\"EN-IN\"><span>capabilities on par with existing APIs, and <\/span><\/span><span>more. <\/span><\/p>\n<ul>\n<li><span lang=\"EN-IN\"><span>Visio Web Access only supports viewing of diagrams and therefore the APIs can only perform read-only operations.<\/span><\/span><span> Visio Online will support editing capabilities and the creation of diagrams on the web in the future. You will be able to use the Visio JavaScript APIs<\/span><span lang=\"EN-IN\"><span> to programmatically create and edit diagrams in Visio Online. <\/span><\/span><\/li>\n<li><span lang=\"EN-IN\"><span>Visio Web Access is limited to SharePoint and the interactive mashup solutions only work with the Visio Web Access web part. <\/span><\/span><span>Visio Online will support embedding of Visio diagrams in any web page. Custom solutions that you implement via the Visio JavaScript APIs will work against embedded Visio diagrams in SharePoint Online or any external web page.<\/span><\/li>\n<li><span lang=\"EN-IN\" style=\"margin: 0px;line-height: 107%;font-family: 'Calibri',sans-serif;font-size: 11pt\">Solutions that are built using Visio JavaScript APIs will work across platforms in future.<\/span><\/li>\n<\/ul>\n<p><p style=\"padding-left: 30px\"><img decoding=\"async\" width=\"740\" height=\"155\" alt=\"\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/05\/JS20table20v2.png\"><\/p>\n<p><h2><span><span style=\"color: #2f5496;font-family: Calibri Light;font-size: large\">Get started<\/span><\/span><\/h2>\n<p><span lang=\"EN-IN\"><span>Try out <\/span><\/span><a href=\"https:\/\/dev.office.com\/reference\/add-ins\/visio\/visio-javascript-reference-overview\"><span>Visio JavaScript APIs<\/span><\/a><span lang=\"EN-IN\"><span> today and build rich mashup solutions to meet your organization&rsquo;s specific needs.<\/span><\/span><\/p>\n<p><span lang=\"EN-IN\"><span>You can post your suggestions on <\/span><\/span><a href=\"https:\/\/visio.uservoice.com\/forums\/368199-visio-online\"><span lang=\"EN-IN\"><span>Visio Online UserVoice<\/span><\/span><\/a><span lang=\"EN-IN\"><span>.<\/span><\/span><\/p>\n<p><i><span lang=\"EN-IN\" style=\"margin: 0px;color: #333333;font-family: 'Segoe UI',sans-serif\"><\/span><\/i><\/p>\n<p><span lang=\"EN-IN\"><\/span><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>We&rsquo;re very excited to announce the release of the Visio JavaScript APIs. You can use the Visio JavaScript APIs to extend Visio Online and build rich mashup scenarios. These APIs are now<\/p>\n","protected":false},"author":69076,"featured_media":517,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[11],"tags":[77],"class_list":["post-516","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-office-add-ins","tag-visio"],"acf":[],"blog_post_summary":"<p>We&rsquo;re very excited to announce the release of the Visio JavaScript APIs. You can use the Visio JavaScript APIs to extend Visio Online and build rich mashup scenarios. These APIs are now<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/516","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/users\/69076"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/comments?post=516"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/516\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/517"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=516"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=516"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}