{"id":14455,"date":"2017-06-06T18:16:24","date_gmt":"2017-06-06T07:16:24","guid":{"rendered":"https:\/\/creately.com\/blog\/?p=14455"},"modified":"2023-07-13T21:54:49","modified_gmt":"2023-07-13T10:54:49","slug":"the-new-creately-viewer","status":"publish","type":"post","link":"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/","title":{"rendered":"Here\u2019s Your First Look at the New Creately Viewer"},"content":{"rendered":"
<\/div>

We are excited to announce the New Creately Viewer \u2013 that\u2019s right, all new and improved \u2013 is now live. \u00a0<\/span><\/p>\n

Over the last months we worked on rebuilding the Creately Viewer from the ground up. It\u2019s based on a newer tech stack that has allowed us to make sure that you get the best end of the deal; in this case an awesome diagram viewing experience!<\/span><\/p>\n

It\u2019s packed with a plethora of handy options that makes viewing diagrams an absolute pleasure!<\/span><\/p>\n

But First, What Exactly is the Creately Viewer?<\/span><\/h3>\n

The Creately Viewer is fundamentally designed as a part of the app, but at the same time it is a portable interactive diagram viewer that can be used to embed diagrams in private or public web pages. \u00a0<\/span><\/p>\n

Let us put it this way – take YouTube for an example: while you use the platform to watch videos online, you have the ability to export videos you like and embed them on your web pages. The Creately Viewer is very similar to this, except you use it to view or publish your diagrams on websites, blogs, presentations, Google Sites etc. \u00a0<\/span><\/p>\n

View Diagrams the Way You are Supposed to!<\/span><\/h3>\n

\"Creately<\/p>\n

Sometimes viewing large diagrams on a page can be a pain. Yes, we know! That\u2019s the reason why we came up with the Creately Diagram Viewer in the first place; just to make sure that our users are able to view or read diagrams of any size and avoid turning it into a headache.<\/span><\/p>\n

On the older version of the Viewer, images were loaded as rasters (PNG) and \u2013 to be honest – it didn\u2019t offer the best user experience. But on the new and improved Creately Diagram Viewer, diagrams will be loaded as vectors (SVG). This means two things;<\/span><\/p>\n

    \n
  1. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>Your diagrams will be sharp as a ray of sunshine on any screen (both mobile and desktop) \u00a0<\/span><\/li>\n
  2. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>Your diagrams will be undistorted at any zoom level (literally at- ANY- zoom- level!)<\/span><\/li>\n<\/ol>\n

    Could viewing diagrams get any better?!<\/span><\/p>\n

    Publish Your Diagrams in Style!<\/span><\/h3>\n

    It\u2019s not easy to fit a large diagram that fills up an entire canvas into one web page \u2013 well, not without reducing its size until it\u2019s no longer of decent quality. Likewise, with those small diagrams that need to be stretched out until they are blurred or washed out.<\/span><\/p>\n

    But listen to this! Publish your diagrams on the Creately Viewer, and you will never have to worry about cropping out or resizing your diagrams until they are unreadable to your audience again.<\/span>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span><\/p>\n

    On your web page, the Viewer may appear like an ordinary image\u00a0but hover over it, you find an entire toolbar of options to play around with the image. The zoom and pan features of the diagram viewer are directly integrated into the scroll and drag features of your mouse. On touch screens, you can zoom in and out on your diagrams with a simple pinch or a double tap. \u00a0\u00a0<\/span><\/p>\n

    All you need to publish your diagram is an embed code.<\/span> To get it, simply access the diagram\u2019s properties panel on the editor and tap on the <\/span>Publish <\/span><\/i>tab; here you get a list of options to embed your diagram. Along with the embed code, you are given access to settings to adjust the background color, height and width of the Player. \u00a0\u00a0<\/span>\u00a0<\/span><\/p>\n

    \"Creately<\/p>\n

    Diagram Happily Ever After!<\/span><\/h3>\n

    Unlike an image which will remain the same over time, the Creately Diagram Viewer will always adjust itself automatically.<\/span><\/p>\n

    What does this mean, you ask? Well, as you know some diagrams don\u2019t stay the same over time; they need updating. And when they do, you need to make sure that the diagrams that are already published are renewed according to the changes made. This is essential to prevent those who view your diagram from getting dated or wrong information. \u00a0<\/span><\/p>\n

    Doing this manually is a literal nightmare!<\/span><\/p>\n

    This is where the Creately Diagram Viewer comes in handy. The Diagram Viewer always fetches the updated version of the diagram making sure that the original Creately diagram and the published version are synced. Regardless of whatever change you make and whenever you do it, your readers will always get access to the latest version of your diagrams when they are published via the Creately Diagram Viewer.<\/span><\/p>\n

    There\u2019s More to Come!<\/span><\/h3>\n

    Over the next few weeks we\u2019ll be releasing the rest of the Creately Player\u2019s features that make it even more special. Watch out for an update from us really soon!<\/span><\/p>\n

    But that\u2019s not all! We are also working on another set of special features that allow users to integrate the Viewer into platforms such as WordPress and Google Docs. This means you can expect a cool Creately Diagram Viewer plugin to use with all your favorite document management apps.<\/span><\/p>\n

    We\u2019ve been working super hard on changing our tech stack and on innovating on the core drawing experience of Creately. Creately Mobile<\/a> & Creately Diagram Viewer is just the beginning of this massive transformation Creately is going through. A lot of new exciting things are on their way. <\/span><\/p>\n

    We will keep you posted!<\/p>\n","protected":false},"excerpt":{"rendered":"

    We are excited to announce the New Creately Viewer \u2013 that\u2019s right, all new and improved \u2013 is now live. \u00a0 Over the last months we worked on rebuilding the Creately Viewer from the ground up. It\u2019s based on a… Read More<\/a><\/span><\/p>\n","protected":false},"author":24,"featured_media":14461,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[679,535,681],"class_list":["post-14455","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creately","tag-creately","tag-creately-viewer","tag-diagrams"],"yoast_head":"\nHere's Your First Look at the New Creately Diagram Viewer!<\/title>\n<meta name=\"description\" content=\"The new Creately Viewer is more user-friendly and gives you the optimal diagram viewing experience. Viewing diagrams is never going to be the same again!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Here's Your First Look at the New Creately Diagram Viewer!\" \/>\n<meta property=\"og:description\" content=\"The new Creately Viewer is more user-friendly and gives you the optimal diagram viewing experience. Viewing diagrams is never going to be the same again!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/\" \/>\n<meta property=\"og:site_name\" content=\"Creately Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/creately\" \/>\n<meta property=\"article:published_time\" content=\"2017-06-06T07:16:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-13T10:54:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/06\/Risk-Management-Mind-Map-Creately.png\" \/>\n\t<meta property=\"og:image:width\" content=\"679\" \/>\n\t<meta property=\"og:image:height\" content=\"507\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Amanda Athuraliya\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Amanda Athuraliya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/\"},\"author\":{\"name\":\"Amanda Athuraliya\",\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/person\/28418b6a4bfad4765af535837cda356d\"},\"headline\":\"Here\u2019s Your First Look at the New Creately Viewer\",\"datePublished\":\"2017-06-06T07:16:24+00:00\",\"dateModified\":\"2023-07-13T10:54:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/\"},\"wordCount\":866,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\/\/creately.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/06\/Risk-Management-Mind-Map-Creately.png\",\"keywords\":[\"Creately\",\"Creately viewer\",\"diagrams\"],\"articleSection\":[\"Creately\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/\",\"url\":\"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/\",\"name\":\"Here's Your First Look at the New Creately Diagram Viewer!\",\"isPartOf\":{\"@id\":\"https:\/\/creately.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/06\/Risk-Management-Mind-Map-Creately.png\",\"datePublished\":\"2017-06-06T07:16:24+00:00\",\"dateModified\":\"2023-07-13T10:54:49+00:00\",\"description\":\"The new Creately Viewer is more user-friendly and gives you the optimal diagram viewing experience. Viewing diagrams is never going to be the same again!\",\"breadcrumb\":{\"@id\":\"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/#primaryimage\",\"url\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/06\/Risk-Management-Mind-Map-Creately.png\",\"contentUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/06\/Risk-Management-Mind-Map-Creately.png\",\"width\":679,\"height\":507,\"caption\":\"The New Creately player\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/creately.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Here\u2019s Your First Look at the New Creately Viewer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/creately.com\/blog\/#website\",\"url\":\"https:\/\/creately.com\/blog\/\",\"name\":\"Creately Blog\",\"description\":\"Latest Product Updates and Tips on Working Visually\",\"publisher\":{\"@id\":\"https:\/\/creately.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/creately.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/creately.com\/blog\/#organization\",\"name\":\"Creately\",\"url\":\"https:\/\/creately.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png\",\"contentUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png\",\"width\":430,\"height\":237,\"caption\":\"Creately\"},\"image\":{\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/creately\",\"https:\/\/x.com\/creately\",\"https:\/\/www.instagram.com\/creately_app\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/person\/28418b6a4bfad4765af535837cda356d\",\"name\":\"Amanda Athuraliya\",\"description\":\"Amanda Athuraliya is the communication specialist\/content writer at Creately, online diagramming and collaboration tool. She is an avid reader, a budding writer and a passionate researcher who loves to write about all kinds of topics.\",\"sameAs\":[\"https:\/\/x.com\/amyathuraliya\"],\"url\":\"https:\/\/creately.com\/blog\/author\/amanda\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Here's Your First Look at the New Creately Diagram Viewer!","description":"The new Creately Viewer is more user-friendly and gives you the optimal diagram viewing experience. Viewing diagrams is never going to be the same again!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/","og_locale":"en_US","og_type":"article","og_title":"Here's Your First Look at the New Creately Diagram Viewer!","og_description":"The new Creately Viewer is more user-friendly and gives you the optimal diagram viewing experience. Viewing diagrams is never going to be the same again!","og_url":"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/","og_site_name":"Creately Blog","article_publisher":"https:\/\/www.facebook.com\/creately","article_published_time":"2017-06-06T07:16:24+00:00","article_modified_time":"2023-07-13T10:54:49+00:00","og_image":[{"width":679,"height":507,"url":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/06\/Risk-Management-Mind-Map-Creately.png","type":"image\/png"}],"author":"Amanda Athuraliya","twitter_misc":{"Written by":"Amanda Athuraliya","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/#article","isPartOf":{"@id":"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/"},"author":{"name":"Amanda Athuraliya","@id":"https:\/\/creately.com\/blog\/#\/schema\/person\/28418b6a4bfad4765af535837cda356d"},"headline":"Here\u2019s Your First Look at the New Creately Viewer","datePublished":"2017-06-06T07:16:24+00:00","dateModified":"2023-07-13T10:54:49+00:00","mainEntityOfPage":{"@id":"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/"},"wordCount":866,"commentCount":4,"publisher":{"@id":"https:\/\/creately.com\/blog\/#organization"},"image":{"@id":"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/#primaryimage"},"thumbnailUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/06\/Risk-Management-Mind-Map-Creately.png","keywords":["Creately","Creately viewer","diagrams"],"articleSection":["Creately"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/","url":"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/","name":"Here's Your First Look at the New Creately Diagram Viewer!","isPartOf":{"@id":"https:\/\/creately.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/#primaryimage"},"image":{"@id":"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/#primaryimage"},"thumbnailUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/06\/Risk-Management-Mind-Map-Creately.png","datePublished":"2017-06-06T07:16:24+00:00","dateModified":"2023-07-13T10:54:49+00:00","description":"The new Creately Viewer is more user-friendly and gives you the optimal diagram viewing experience. Viewing diagrams is never going to be the same again!","breadcrumb":{"@id":"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/#primaryimage","url":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/06\/Risk-Management-Mind-Map-Creately.png","contentUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/06\/Risk-Management-Mind-Map-Creately.png","width":679,"height":507,"caption":"The New Creately player"},{"@type":"BreadcrumbList","@id":"https:\/\/creately.com\/blog\/creately\/the-new-creately-viewer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creately.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Here\u2019s Your First Look at the New Creately Viewer"}]},{"@type":"WebSite","@id":"https:\/\/creately.com\/blog\/#website","url":"https:\/\/creately.com\/blog\/","name":"Creately Blog","description":"Latest Product Updates and Tips on Working Visually","publisher":{"@id":"https:\/\/creately.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creately.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/creately.com\/blog\/#organization","name":"Creately","url":"https:\/\/creately.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png","contentUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png","width":430,"height":237,"caption":"Creately"},"image":{"@id":"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/creately","https:\/\/x.com\/creately","https:\/\/www.instagram.com\/creately_app\/"]},{"@type":"Person","@id":"https:\/\/creately.com\/blog\/#\/schema\/person\/28418b6a4bfad4765af535837cda356d","name":"Amanda Athuraliya","description":"Amanda Athuraliya is the communication specialist\/content writer at Creately, online diagramming and collaboration tool. She is an avid reader, a budding writer and a passionate researcher who loves to write about all kinds of topics.","sameAs":["https:\/\/x.com\/amyathuraliya"],"url":"https:\/\/creately.com\/blog\/author\/amanda\/"}]}},"_links":{"self":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts\/14455","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/comments?post=14455"}],"version-history":[{"count":7,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts\/14455\/revisions"}],"predecessor-version":[{"id":30316,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts\/14455\/revisions\/30316"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/media\/14461"}],"wp:attachment":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/media?parent=14455"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/categories?post=14455"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/tags?post=14455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}