{"id":894,"date":"2020-06-22T10:02:34","date_gmt":"2020-06-22T08:02:34","guid":{"rendered":"https:\/\/www.everviz.com\/blog\/?p=894"},"modified":"2022-12-15T09:43:23","modified_gmt":"2022-12-15T09:43:23","slug":"introducing-the-layout-module","status":"publish","type":"post","link":"https:\/\/www.everviz.com\/blog\/introducing-the-layout-module\/","title":{"rendered":"Introducing the Layout module ????"},"content":{"rendered":"\n<p>With Layouts you can combine multiple visualizations into split views, tabs or carousels to create even more engaging stories. This allows the readers to dig even further into the data, and improves your storytelling.<\/p>\n\n\n\n<p>On top of this, you can also add your logo to brand your visualizations.<\/p>\n\n\n\n<p>Check out this video for a quick preview of the Layout functionality:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"everviz \u2013 Combine visualizations using Layouts\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/Grv1q6mbCR0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><br>Different type of layouts<\/h3>\n\n\n\n<p>In the initial version of the Layout module we support the following layouts:<\/p>\n\n\n\n<p><strong>Single<\/strong> &#8211; The standard to be used if you need a single graph or map with own logo.&nbsp;<br>Here is a quick visualization created using the Single layout. Take a moment resize the browser window and see how the graphs adapt automatically<\/p>\n\n\n\n<p><strong>Vertical\/Horizontal\/Small Multiples<\/strong>&nbsp;&#8211; Show the visualizations next to each others with horizontal or vertical splits. Typically used to show comparable or related information.<br>Here is a quick visualization created using the Small Multiples layout, which is basically just a 2 x 2 Vertical and Horizontal version. Take a moment, resize the browser window and see how the graphs adapt automatically.<\/p>\n\n\n\n<div id=\"everviz-layout-kb4UQpYbb\"><script src=\"https:\/\/app-dev.everviz.com\/inject\/kb4UQpYbb\/\" defer=\"defer\"><\/script><\/div>\n\n\n\n<p><strong>Tabs<\/strong>&nbsp;&#8211; Split the visualizations into different tabs, and allow your reader to interact with the different charts.&nbsp;<br><\/p>\n\n\n\n<p><strong>Carousel<\/strong>&nbsp;&#8211; Similar to tabs, but lets your reader navigate between your charts using previous and next buttons.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Branding<\/h3>\n\n\n\n<p>Branded charts, graphs and maps are an essential part of everviz. Our intention is to empower our users to create stunning visualizations in the shortest possible time. We know how important it is for our customers to have a brand consistent look and feel for everything being published, and that&#8217;s why we have the powerful <em>Themes<\/em> concept built into everviz. <br>The new Layout module also support <em>Themes<\/em>, and we have taken it to a new level where you can add your own logo<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">The Layout module is available in the everviz Team Advanced and Enterprise plans<\/pre>\n\n\n\n<p class=\"has-text-align-center\">Not already an everviz user?<br><br><!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-90c5d293-d086-4f6c-b936-1cf7b9e467b4\"><span class=\"hs-cta-node hs-cta-90c5d293-d086-4f6c-b936-1cf7b9e467b4\" id=\"hs-cta-90c5d293-d086-4f6c-b936-1cf7b9e467b4\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/cta-redirect.hubspot.com\/cta\/redirect\/6876929\/90c5d293-d086-4f6c-b936-1cf7b9e467b4\"><img decoding=\"async\" class=\"hs-cta-img\" id=\"hs-cta-img-90c5d293-d086-4f6c-b936-1cf7b9e467b4\" style=\"border-width:0px;\" src=\"https:\/\/no-cache.hubspot.com\/cta\/default\/6876929\/90c5d293-d086-4f6c-b936-1cf7b9e467b4.png\" alt=\"Start for free\"><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(6876929, '90c5d293-d086-4f6c-b936-1cf7b9e467b4', {\"useNewLoader\":\"true\",\"region\":\"na1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code --><\/p>\n\n\n<h2>&nbsp;<\/h2>","protected":false},"excerpt":{"rendered":"<p>With Layouts you can combine multiple visualizations into split views, tabs or carousels to create even more engaging stories. This allows the readers to dig even further into the data, and improves your storytelling. On top of this, you can also add your logo to brand your visualizations. Check out this video for a quick [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":901,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[25],"tags":[70,71],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Introducing the Layout module ???? - everviz<\/title>\n<meta name=\"description\" content=\"Using Layouts in everviz, you can combine multiple charts, graphs and maps into split views, tabs or carousels to create even more engaging stories\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.everviz.com\/blog\/introducing-the-layout-module\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducing the Layout module ???? - everviz\" \/>\n<meta property=\"og:description\" content=\"Using Layouts in everviz, you can combine multiple charts, graphs and maps into split views, tabs or carousels to create even more engaging stories\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.everviz.com\/blog\/introducing-the-layout-module\/\" \/>\n<meta property=\"og:site_name\" content=\"everviz\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/evervizApp\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-22T08:02:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-15T09:43:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.everviz.com\/wp-content\/uploads\/2020\/06\/layouts.png\" \/>\n\t<meta property=\"og:image:width\" content=\"906\" \/>\n\t<meta property=\"og:image:height\" content=\"688\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"AS\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@EvervizApp\" \/>\n<meta name=\"twitter:site\" content=\"@EvervizApp\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"AS\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.everviz.com\/blog\/introducing-the-layout-module\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.everviz.com\/blog\/introducing-the-layout-module\/\"},\"author\":{\"name\":\"AS\",\"@id\":\"https:\/\/www.everviz.com\/#\/schema\/person\/f8f68b50ccb880b3d87b3b2922a0e052\"},\"headline\":\"Introducing the Layout module ????\",\"datePublished\":\"2020-06-22T08:02:34+00:00\",\"dateModified\":\"2022-12-15T09:43:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.everviz.com\/blog\/introducing-the-layout-module\/\"},\"wordCount\":323,\"publisher\":{\"@id\":\"https:\/\/www.everviz.com\/#organization\"},\"keywords\":[\"layout\",\"logo\"],\"articleSection\":[\"News and updates\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.everviz.com\/blog\/introducing-the-layout-module\/\",\"url\":\"https:\/\/www.everviz.com\/blog\/introducing-the-layout-module\/\",\"name\":\"Introducing the Layout module ???? - everviz\",\"isPartOf\":{\"@id\":\"https:\/\/www.everviz.com\/#website\"},\"datePublished\":\"2020-06-22T08:02:34+00:00\",\"dateModified\":\"2022-12-15T09:43:23+00:00\",\"description\":\"Using Layouts in everviz, you can combine multiple charts, graphs and maps into split views, tabs or carousels to create even more engaging stories\",\"breadcrumb\":{\"@id\":\"https:\/\/www.everviz.com\/blog\/introducing-the-layout-module\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.everviz.com\/blog\/introducing-the-layout-module\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.everviz.com\/blog\/introducing-the-layout-module\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.everviz.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Introducing the Layout module ????\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.everviz.com\/#website\",\"url\":\"https:\/\/www.everviz.com\/\",\"name\":\"everviz\",\"description\":\"Simple data visualization and engaging storytelling.\",\"publisher\":{\"@id\":\"https:\/\/www.everviz.com\/#organization\"},\"alternateName\":\"Simple data visualization and engaging storytelling\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.everviz.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.everviz.com\/#organization\",\"name\":\"everviz\",\"url\":\"https:\/\/www.everviz.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.everviz.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.everviz.com\/wp-content\/uploads\/2022\/10\/everviz_hovedlogo-l.svg\",\"contentUrl\":\"https:\/\/www.everviz.com\/wp-content\/uploads\/2022\/10\/everviz_hovedlogo-l.svg\",\"width\":137,\"height\":32,\"caption\":\"everviz\"},\"image\":{\"@id\":\"https:\/\/www.everviz.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/evervizApp\/\",\"https:\/\/twitter.com\/EvervizApp\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.everviz.com\/#\/schema\/person\/f8f68b50ccb880b3d87b3b2922a0e052\",\"name\":\"AS\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.everviz.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6be2dffeb24c543f06a481c6d282d248?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6be2dffeb24c543f06a481c6d282d248?s=96&d=mm&r=g\",\"caption\":\"AS\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Introducing the Layout module ???? - everviz","description":"Using Layouts in everviz, you can combine multiple charts, graphs and maps into split views, tabs or carousels to create even more engaging stories","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:\/\/www.everviz.com\/blog\/introducing-the-layout-module\/","og_locale":"en_US","og_type":"article","og_title":"Introducing the Layout module ???? - everviz","og_description":"Using Layouts in everviz, you can combine multiple charts, graphs and maps into split views, tabs or carousels to create even more engaging stories","og_url":"https:\/\/www.everviz.com\/blog\/introducing-the-layout-module\/","og_site_name":"everviz","article_publisher":"https:\/\/www.facebook.com\/evervizApp\/","article_published_time":"2020-06-22T08:02:34+00:00","article_modified_time":"2022-12-15T09:43:23+00:00","og_image":[{"width":906,"height":688,"url":"https:\/\/www.everviz.com\/wp-content\/uploads\/2020\/06\/layouts.png","type":"image\/png"}],"author":"AS","twitter_card":"summary_large_image","twitter_creator":"@EvervizApp","twitter_site":"@EvervizApp","twitter_misc":{"Written by":"AS","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.everviz.com\/blog\/introducing-the-layout-module\/#article","isPartOf":{"@id":"https:\/\/www.everviz.com\/blog\/introducing-the-layout-module\/"},"author":{"name":"AS","@id":"https:\/\/www.everviz.com\/#\/schema\/person\/f8f68b50ccb880b3d87b3b2922a0e052"},"headline":"Introducing the Layout module ????","datePublished":"2020-06-22T08:02:34+00:00","dateModified":"2022-12-15T09:43:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.everviz.com\/blog\/introducing-the-layout-module\/"},"wordCount":323,"publisher":{"@id":"https:\/\/www.everviz.com\/#organization"},"keywords":["layout","logo"],"articleSection":["News and updates"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.everviz.com\/blog\/introducing-the-layout-module\/","url":"https:\/\/www.everviz.com\/blog\/introducing-the-layout-module\/","name":"Introducing the Layout module ???? - everviz","isPartOf":{"@id":"https:\/\/www.everviz.com\/#website"},"datePublished":"2020-06-22T08:02:34+00:00","dateModified":"2022-12-15T09:43:23+00:00","description":"Using Layouts in everviz, you can combine multiple charts, graphs and maps into split views, tabs or carousels to create even more engaging stories","breadcrumb":{"@id":"https:\/\/www.everviz.com\/blog\/introducing-the-layout-module\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.everviz.com\/blog\/introducing-the-layout-module\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.everviz.com\/blog\/introducing-the-layout-module\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.everviz.com\/"},{"@type":"ListItem","position":2,"name":"Introducing the Layout module ????"}]},{"@type":"WebSite","@id":"https:\/\/www.everviz.com\/#website","url":"https:\/\/www.everviz.com\/","name":"everviz","description":"Simple data visualization and engaging storytelling.","publisher":{"@id":"https:\/\/www.everviz.com\/#organization"},"alternateName":"Simple data visualization and engaging storytelling","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.everviz.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.everviz.com\/#organization","name":"everviz","url":"https:\/\/www.everviz.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.everviz.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.everviz.com\/wp-content\/uploads\/2022\/10\/everviz_hovedlogo-l.svg","contentUrl":"https:\/\/www.everviz.com\/wp-content\/uploads\/2022\/10\/everviz_hovedlogo-l.svg","width":137,"height":32,"caption":"everviz"},"image":{"@id":"https:\/\/www.everviz.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/evervizApp\/","https:\/\/twitter.com\/EvervizApp"]},{"@type":"Person","@id":"https:\/\/www.everviz.com\/#\/schema\/person\/f8f68b50ccb880b3d87b3b2922a0e052","name":"AS","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.everviz.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6be2dffeb24c543f06a481c6d282d248?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6be2dffeb24c543f06a481c6d282d248?s=96&d=mm&r=g","caption":"AS"}}]}},"_links":{"self":[{"href":"https:\/\/www.everviz.com\/wp-json\/wp\/v2\/posts\/894"}],"collection":[{"href":"https:\/\/www.everviz.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.everviz.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.everviz.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.everviz.com\/wp-json\/wp\/v2\/comments?post=894"}],"version-history":[{"count":2,"href":"https:\/\/www.everviz.com\/wp-json\/wp\/v2\/posts\/894\/revisions"}],"predecessor-version":[{"id":14709,"href":"https:\/\/www.everviz.com\/wp-json\/wp\/v2\/posts\/894\/revisions\/14709"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.everviz.com\/wp-json\/wp\/v2\/media\/901"}],"wp:attachment":[{"href":"https:\/\/www.everviz.com\/wp-json\/wp\/v2\/media?parent=894"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.everviz.com\/wp-json\/wp\/v2\/categories?post=894"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.everviz.com\/wp-json\/wp\/v2\/tags?post=894"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}