{"id":18711,"date":"2022-06-08T11:01:07","date_gmt":"2022-06-08T09:01:07","guid":{"rendered":"https:\/\/www.graphomate.com\/produkte\/graphomate-tiles\/"},"modified":"2024-10-02T11:02:09","modified_gmt":"2024-10-02T09:02:09","slug":"graphomate-tiles","status":"publish","type":"extension","link":"https:\/\/www.graphomate.com\/en\/produkte\/graphomate-tiles\/","title":{"rendered":"graphomate tiles"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Modular KPI Dashboard<\/h2>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><a  href=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2023\/04\/tiles-zwei-kacheln-800-1.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"graphomate tiles mit unterschiedlichen Layouts\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"381\" src=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2023\/04\/tiles-zwei-kacheln-800-1.png\" alt=\"\" class=\"wp-image-20282\" srcset=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2023\/04\/tiles-zwei-kacheln-800-1.png 800w, https:\/\/www.graphomate.com\/wp-content\/uploads\/2023\/04\/tiles-zwei-kacheln-800-1-300x143.png 300w, https:\/\/www.graphomate.com\/wp-content\/uploads\/2023\/04\/tiles-zwei-kacheln-800-1-768x366.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><figcaption class=\"wp-element-caption\">graphomate tiles with different designs<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>With graphomate tiles, you can still choose from a pool of different modules, but you are no longer limited to a predefined layout. With just a few clicks on the tile itself you are now able to define the layout. Of course, the popular flip effect &#8211; the ability to use the front and back of the tile &#8211; is still possible.<\/p>\n\n\n\n<p>Our graphomate tiles are also available in a similar version for <a href=\"https:\/\/www.graphomate.com\/plattformen\/sap\/sap-lumira-designer\/\" target=\"_blank\" rel=\"noreferrer noopener\">SAP Lumira Designer<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.graphomate.com\/en\/licences-graphomate-tiles\/\" target=\"_blank\" rel=\"noreferrer noopener\">Pricing<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/graphomate.atlassian.net\/wiki\/x\/FQC_qg\" target=\"_blank\" rel=\"noreferrer noopener\">User Manual<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-left\">The advantages of graphomate tiles at a glance<\/h2>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Layout definition<\/strong> directly on the tile<\/li>\n\n\n\n<li>Easy use of <strong>predefined modules<\/strong> for visualization of KPIs<\/li>\n\n\n\n<li><strong>Flip effect<\/strong> for presenting information on the front and back of a tile<\/li>\n\n\n\n<li><strong>templates available<\/strong> using the graphomate server<\/li>\n\n\n\n<li>graphomate tiles are fully <strong>scriptable<\/strong><\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">graphomate tiles are available for:<\/h2>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n\t<div id=\"block_6ee867291bd91b2e39f6f98feb52583d\" class=\"wp-block-teaser-platform  \">\n\t\t<div class=\"wp-block-teaser-platform__inner-container\">\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t<div class=\"list list-platforms-logo list-1-small list-3-medium list-4-large list-4-max list-flex\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"list-item item-platform\">\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\n\t<article id=\"post-13195\" class=\"post post-type-platform post-view-logo post-scope- status-publish has-post-thumbnail clear article-platform element-article template-article-platform\">\n\t\n\t\t\t\t\n\t\t\t\t\t<div class=\"field field-thumbnail\">\n\t\t\t\t<a href=\"https:\/\/www.graphomate.com\/en\/plattformen\/sap\/sap-lumira-designer\/\" title=\"SAP Lumira Designer\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2020\/03\/sap-lumira-designer_host.png\" class=\"attachment-content size-content wp-post-image\" alt=\"\" srcset=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2020\/03\/sap-lumira-designer_host.png 400w, https:\/\/www.graphomate.com\/wp-content\/uploads\/2020\/03\/sap-lumira-designer_host-300x150.png 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\n\t<\/article>\t\n\t\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"list-item item-platform\">\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\n\t<article id=\"post-13199\" class=\"post post-type-platform post-view-logo post-scope- status-publish has-post-thumbnail clear article-platform element-article template-article-platform\">\n\t\n\t\t\t\t\n\t\t\t\t\t<div class=\"field field-thumbnail\">\n\t\t\t\t<a href=\"https:\/\/www.graphomate.com\/en\/plattformen\/sap\/sap-analytics-cloud\/\" title=\"SAP Analytics Cloud (SAC)\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2020\/03\/sap-sac-host.png\" class=\"attachment-content size-content wp-post-image\" alt=\"\" srcset=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2020\/03\/sap-sac-host.png 400w, https:\/\/www.graphomate.com\/wp-content\/uploads\/2020\/03\/sap-sac-host-300x150.png 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\n\t<\/article>\t\n\t\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\t<\/div>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity is-style-wide\"\/>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">tiles and dashboards<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Tiles are used for the aggregated presentation of key figures or key performance indicators (KPIs) in dashboards. True to Ben Shneidermann&#8217;s mantra &#8220;Overview first, zoom and filter, details-on-demand&#8221;, graphomate tiles are ideal for getting started with an application or dashboard. Users get a quick overview of all relevant KPIs and can navigate to further details as needed.&nbsp;But also in operative systems the tile idea finds more and more followers. Certainly also promoted by <a href=\"https:\/\/www.sap.com\/products\/fiori.html\" target=\"_blank\" rel=\"noreferrer noopener\">SAP Fiori<\/a>.<\/p>\n\n\n\n<p>However, a new technological foundation was necessary to make graphomate tiles generally ready to run in all of the BI tools we support, SAC, <a href=\"https:\/\/www.graphomate.com\/en\/platforms\/microsoft\/microsoft-power-bi\/\" target=\"_blank\" rel=\"noreferrer noopener\">Power BI<\/a> and <a href=\"https:\/\/www.graphomate.com\/en\/platforms\/tableau\/tableau-desktop\/\">Tableau<\/a>.<br>First we start with <a href=\"https:\/\/www.graphomate.com\/en\/platforms\/sap\/sap-analytics-cloud\/\" target=\"_blank\" rel=\"noreferrer noopener\">SAP Analytics Cloud (SAC)<\/a> &#8211; next to the existing solution for <a href=\"https:\/\/www.graphomate.com\/en\/platforms\/sap\/sap-lumira-designer\/\" target=\"_blank\" rel=\"noreferrer noopener\">SAP Lumira Designer<\/a>.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"793\" src=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/06\/graphomate-tiles-SAP-SAC-1024x793.png\" alt=\"\" class=\"wp-image-18680\" srcset=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/06\/graphomate-tiles-SAP-SAC-1024x793.png 1024w, https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/06\/graphomate-tiles-SAP-SAC-300x232.png 300w, https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/06\/graphomate-tiles-SAP-SAC-768x595.png 768w, https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/06\/graphomate-tiles-SAP-SAC.png 1085w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Use your specifications to define the layout of the tile in the SAP Analytics Cloud.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">One tile &#8211; many options<\/h2>\n\n\n\n<p>The <strong>modular concept<\/strong> of graphomate tiles makes every wish come true. Configure your own layout and tiles for your dashboard with just a few clicks. You can currently use the following modules:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h4 class=\"wp-block-heading\">Line Chart<\/h4>\n\n\n\n<p>You want to see at a glance whether threshold values are exceeded or not? Simply use the line chart module of graphomate tiles. If the ratio exceeds a given value, the area above or below the line turns into defined colors &#8211; e.g. red\/green.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.3%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/05\/module-tiles_schatten-line-chart.png\" alt=\"\" class=\"wp-image-18605\" style=\"width:150px;height:150px\" srcset=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/05\/module-tiles_schatten-line-chart.png 300w, https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/05\/module-tiles_schatten-line-chart-150x150.png 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h4 class=\"wp-block-heading\">KPI<\/h4>\n\n\n\n<p>The key performance indicators of every company show the actual situation clearly and concisely. Deviations from a reference value can be easily visualized by using colors and symbols.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/05\/module-tiles_schatten_kpi.png\" alt=\"\" class=\"wp-image-18599\" style=\"width:150px;height:150px\" srcset=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/05\/module-tiles_schatten_kpi.png 300w, https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/05\/module-tiles_schatten_kpi-150x150.png 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h4 class=\"wp-block-heading\">Title<\/h4>\n\n\n\n<p>For easy and quick orientation on the tiles, it is important to specify the context. For this please use the title module.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/05\/module-tiles_schatten_title.png\" alt=\"\" class=\"wp-image-18603\" style=\"width:150px;height:150px\" srcset=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/05\/module-tiles_schatten_title.png 300w, https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/05\/module-tiles_schatten_title-150x150.png 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h4 class=\"wp-block-heading\">Text<\/h4>\n\n\n\n<p>In addition to the title module, this module allows you to include short text passages.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/05\/module-tiles_schatten_text.png\" alt=\"\" class=\"wp-image-18601\" style=\"width:150px;height:150px\" srcset=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/05\/module-tiles_schatten_text.png 300w, https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/05\/module-tiles_schatten_text-150x150.png 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h4 class=\"wp-block-heading\">Icon<\/h4>\n\n\n\n<p>We all remember images better. With the icon module you can use this advantage and include any icon you want in your tile.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/05\/module-tiles_schatten_icon.png\" alt=\"\" class=\"wp-image-18597\" style=\"width:150px;height:150px\" srcset=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/05\/module-tiles_schatten_icon.png 300w, https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/05\/module-tiles_schatten_icon-150x150.png 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h4 class=\"wp-block-heading\">column chart<\/h4>\n\n\n\n<p>Of course, the classic column chart also belongs in the graphomate tiles. Visualize measures over time with a simple column chart.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/05\/module-tiles_schatten_column-chart.png\" alt=\"\" class=\"wp-image-18593\" style=\"width:150px;height:150px\" srcset=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/05\/module-tiles_schatten_column-chart.png 300w, https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/05\/module-tiles_schatten_column-chart-150x150.png 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h4 class=\"wp-block-heading\">bar chart<\/h4>\n\n\n\n<p>If you want to visualize comparisons between regions or product groups, for example, we recommend horizontal bars.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/05\/module-tiles_schatten_horizontal-bar-chart.png\" alt=\"\" class=\"wp-image-18595\" style=\"width:150px;height:150px\" srcset=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/05\/module-tiles_schatten_horizontal-bar-chart.png 300w, https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/05\/module-tiles_schatten_horizontal-bar-chart-150x150.png 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h4 class=\"wp-block-heading\">Progress bar<\/h4>\n\n\n\n<p>With this modul is possible to visualize the progress of a project, for example. An actual value is compared with a target value and additional threshold values can be added with a single click on the bar. Simply the better tachometer!<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2024\/09\/progress-bar-icon.png\" alt=\"\" class=\"wp-image-21286\" style=\"width:150px;height:150px\" srcset=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2024\/09\/progress-bar-icon.png 300w, https:\/\/www.graphomate.com\/wp-content\/uploads\/2024\/09\/progress-bar-icon-150x150.png 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure><\/div><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-graphomate-blue-color\">graphomate tiles Video Manual<\/mark><\/h2>\n\n\n\n<h4 class=\"wp-block-heading\">Step by step to your dashboard with graphomate tiles<\/h4>\n\n\n\n <div class=\"brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles\" data-borlabs-cookie-content-blocker-id=\"default\" data-borlabs-cookie-content=\"PGlmcmFtZSB3aWR0aD0iNTYwIiBoZWlnaHQ9IjMxNSIgc3JjPSJodHRwczovL3d3dy55b3V0dWJlLW5vY29va2llLmNvbS9lbWJlZC9rNm9EbWZKSHJ1QSIgdGl0bGU9IllvdVR1YmUgdmlkZW8gcGxheWVyIiBmcmFtZWJvcmRlcj0iMCIgYWxsb3c9ImFjY2VsZXJvbWV0ZXI7IGF1dG9wbGF5OyBjbGlwYm9hcmQtd3JpdGU7IGVuY3J5cHRlZC1tZWRpYTsgZ3lyb3Njb3BlOyBwaWN0dXJlLWluLXBpY3R1cmU7IHdlYi1zaGFyZSIgYWxsb3dmdWxsc2NyZWVuPjwvaWZyYW1lPg==\"><div class=\"brlbs-cmpnt-cb-preset-a\"> <p class=\"brlbs-cmpnt-cb-description\">You are currently viewing a placeholder content from <strong>Default<\/strong>. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.<\/p> <div class=\"brlbs-cmpnt-cb-buttons\"> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-unblock role=\"button\">Unblock content<\/a> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-accept-service role=\"button\" style=\"display: none\">Accept required service and unblock content<\/a> <\/div> <a class=\"brlbs-cmpnt-cb-provider-toggle\" href=\"#\" data-borlabs-cookie-show-provider-information role=\"button\">More Information<\/a> <\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n\t<div id=\"block_8c9db3b693716cabac8914770c2d92f3\" class=\"wp-block-banner   \">\n\t\t<div class=\"wp-block-banner__inner-container\">\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.graphomate.com\/en\/contact-trial\/\" target=\"_blank\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t<div class=\"field-image hide-small\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"230\" src=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2021\/11\/graphomate_trialversion.png\" class=\"attachment-full size-full\" alt=\"Click on the picture to request a graphomate trial version\" srcset=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2021\/11\/graphomate_trialversion.png 1024w, https:\/\/www.graphomate.com\/wp-content\/uploads\/2021\/11\/graphomate_trialversion-300x67.png 300w, https:\/\/www.graphomate.com\/wp-content\/uploads\/2021\/11\/graphomate_trialversion-768x173.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.graphomate.com\/en\/contact-trial\/\" target=\"_blank\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t<div class=\"field-image hide-medium hide-large hide-max\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"882\" height=\"1024\" src=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2021\/11\/graphomate_trialversion_mobile.png\" class=\"attachment-full size-full\" alt=\"Click on the picture to request a graphomate trial version\" srcset=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2021\/11\/graphomate_trialversion_mobile.png 882w, https:\/\/www.graphomate.com\/wp-content\/uploads\/2021\/11\/graphomate_trialversion_mobile-258x300.png 258w, https:\/\/www.graphomate.com\/wp-content\/uploads\/2021\/11\/graphomate_trialversion_mobile-768x892.png 768w\" sizes=\"auto, (max-width: 882px) 100vw, 882px\" \/>\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\n\t\t<\/div>\n\t<\/div>\n","protected":false},"excerpt":{"rendered":"With our new graphomate tiles you can still choose from a pool of different modules, but you are no longer limited to a predefined layout.   With a few clicks on the tile itself now you define this. Of course, the popular flip effect &#8211; the ability to use the front and back of the tile &#8211; is still possible.","protected":false},"featured_media":20265,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post post-type-extension post-view- post-scope-","status-publish","has-post-thumbnail","clear"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>graphomate tiles - modular KPI Dashboard -<\/title>\n<meta name=\"description\" content=\"With graphomate tiles you configure your own dashboard with just a few clicks and present your KPIs in a tile look.\" \/>\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.graphomate.com\/en\/produkte\/graphomate-tiles\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"graphomate tiles - modular KPI Dashboard -\" \/>\n<meta property=\"og:description\" content=\"With graphomate tiles you configure your own dashboard with just a few clicks and present your KPIs in a tile look.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.graphomate.com\/en\/produkte\/graphomate-tiles\/\" \/>\n<meta property=\"og:site_name\" content=\"graphomate\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-02T09:02:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/06\/graphomate-tiles-800.png\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"808\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@graphomate\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.graphomate.com\/en\/produkte\/graphomate-tiles\/\",\"url\":\"https:\/\/www.graphomate.com\/en\/produkte\/graphomate-tiles\/\",\"name\":\"graphomate tiles - modular KPI Dashboard -\",\"isPartOf\":{\"@id\":\"https:\/\/www.graphomate.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.graphomate.com\/en\/produkte\/graphomate-tiles\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.graphomate.com\/en\/produkte\/graphomate-tiles\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/06\/graphomate-tiles-800.png\",\"datePublished\":\"2022-06-08T09:01:07+00:00\",\"dateModified\":\"2024-10-02T09:02:09+00:00\",\"description\":\"With graphomate tiles you configure your own dashboard with just a few clicks and present your KPIs in a tile look.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.graphomate.com\/en\/produkte\/graphomate-tiles\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.graphomate.com\/en\/produkte\/graphomate-tiles\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.graphomate.com\/en\/produkte\/graphomate-tiles\/#primaryimage\",\"url\":\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/06\/graphomate-tiles-800.png\",\"contentUrl\":\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/06\/graphomate-tiles-800.png\",\"width\":800,\"height\":808},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.graphomate.com\/en\/produkte\/graphomate-tiles\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/www.graphomate.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Erweiterungen\",\"item\":\"https:\/\/www.graphomate.com\/en\/produkte\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"graphomate tiles\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.graphomate.com\/en\/#website\",\"url\":\"https:\/\/www.graphomate.com\/en\/\",\"name\":\"graphomate\",\"description\":\"Einfach und einheitlich IBCS Dashboards visualisieren\",\"publisher\":{\"@id\":\"https:\/\/www.graphomate.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.graphomate.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.graphomate.com\/en\/#organization\",\"name\":\"graphomate Gmbh\",\"url\":\"https:\/\/www.graphomate.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.graphomate.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2021\/06\/graphomate_logo_2014_500px_transparent.png\",\"contentUrl\":\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2021\/06\/graphomate_logo_2014_500px_transparent.png\",\"width\":500,\"height\":82,\"caption\":\"graphomate Gmbh\"},\"image\":{\"@id\":\"https:\/\/www.graphomate.com\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/graphomate\",\"https:\/\/www.linkedin.com\/company\/graphomate-gmbh\/\",\"https:\/\/www.youtube.com\/channel\/UCvrjaoVJ-xDFGLCAzKN_11Q\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"graphomate tiles - modular KPI Dashboard -","description":"With graphomate tiles you configure your own dashboard with just a few clicks and present your KPIs in a tile look.","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.graphomate.com\/en\/produkte\/graphomate-tiles\/","og_locale":"en_US","og_type":"article","og_title":"graphomate tiles - modular KPI Dashboard -","og_description":"With graphomate tiles you configure your own dashboard with just a few clicks and present your KPIs in a tile look.","og_url":"https:\/\/www.graphomate.com\/en\/produkte\/graphomate-tiles\/","og_site_name":"graphomate","article_modified_time":"2024-10-02T09:02:09+00:00","og_image":[{"width":800,"height":808,"url":"https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/06\/graphomate-tiles-800.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@graphomate","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.graphomate.com\/en\/produkte\/graphomate-tiles\/","url":"https:\/\/www.graphomate.com\/en\/produkte\/graphomate-tiles\/","name":"graphomate tiles - modular KPI Dashboard -","isPartOf":{"@id":"https:\/\/www.graphomate.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.graphomate.com\/en\/produkte\/graphomate-tiles\/#primaryimage"},"image":{"@id":"https:\/\/www.graphomate.com\/en\/produkte\/graphomate-tiles\/#primaryimage"},"thumbnailUrl":"https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/06\/graphomate-tiles-800.png","datePublished":"2022-06-08T09:01:07+00:00","dateModified":"2024-10-02T09:02:09+00:00","description":"With graphomate tiles you configure your own dashboard with just a few clicks and present your KPIs in a tile look.","breadcrumb":{"@id":"https:\/\/www.graphomate.com\/en\/produkte\/graphomate-tiles\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.graphomate.com\/en\/produkte\/graphomate-tiles\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.graphomate.com\/en\/produkte\/graphomate-tiles\/#primaryimage","url":"https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/06\/graphomate-tiles-800.png","contentUrl":"https:\/\/www.graphomate.com\/wp-content\/uploads\/2022\/06\/graphomate-tiles-800.png","width":800,"height":808},{"@type":"BreadcrumbList","@id":"https:\/\/www.graphomate.com\/en\/produkte\/graphomate-tiles\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.graphomate.com\/en\/"},{"@type":"ListItem","position":2,"name":"Erweiterungen","item":"https:\/\/www.graphomate.com\/en\/produkte\/"},{"@type":"ListItem","position":3,"name":"graphomate tiles"}]},{"@type":"WebSite","@id":"https:\/\/www.graphomate.com\/en\/#website","url":"https:\/\/www.graphomate.com\/en\/","name":"graphomate","description":"Einfach und einheitlich IBCS Dashboards visualisieren","publisher":{"@id":"https:\/\/www.graphomate.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.graphomate.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.graphomate.com\/en\/#organization","name":"graphomate Gmbh","url":"https:\/\/www.graphomate.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.graphomate.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.graphomate.com\/wp-content\/uploads\/2021\/06\/graphomate_logo_2014_500px_transparent.png","contentUrl":"https:\/\/www.graphomate.com\/wp-content\/uploads\/2021\/06\/graphomate_logo_2014_500px_transparent.png","width":500,"height":82,"caption":"graphomate Gmbh"},"image":{"@id":"https:\/\/www.graphomate.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/graphomate","https:\/\/www.linkedin.com\/company\/graphomate-gmbh\/","https:\/\/www.youtube.com\/channel\/UCvrjaoVJ-xDFGLCAzKN_11Q"]}]}},"_links":{"self":[{"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/extension\/18711","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/extension"}],"about":[{"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/types\/extension"}],"version-history":[{"count":22,"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/extension\/18711\/revisions"}],"predecessor-version":[{"id":21292,"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/extension\/18711\/revisions\/21292"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/media\/20265"}],"wp:attachment":[{"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/media?parent=18711"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}