{"id":7656,"date":"2016-11-01T15:55:15","date_gmt":"2016-11-01T13:55:15","guid":{"rendered":"http:\/\/www.graphomate.com\/en\/?p=7656"},"modified":"2016-11-01T15:55:15","modified_gmt":"2016-11-01T13:55:15","slug":"more-than-just-shimmering-bubbles","status":"publish","type":"post","link":"https:\/\/www.graphomate.com\/en\/2016\/11\/more-than-just-shimmering-bubbles\/","title":{"rendered":"More than just shimmering bubbles"},"content":{"rendered":"<p>Once again, we sat down at the workbench to craft a new component. The result are the graphomate bubbles &#8211; a visualization component f\u00fcr SAP Design Studio, which can display either a scatter plot or a bubble chart with up to five data dimensions.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-7595 size-medium\" src=\"http:\/\/www.graphomate.com\/wp-content\/uploads\/2016\/09\/bubbles_example01-300x223.png\" alt=\"bubbles_example01\" width=\"300\" height=\"223\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7596 size-medium\" src=\"http:\/\/www.graphomate.com\/wp-content\/uploads\/2016\/09\/bubbles_example02-300x222.png\" alt=\"bubbles_example02\" width=\"300\" height=\"222\" \/><\/p>\n<p>Highlights:<\/p>\n<p><strong>Bubble-Chart and Scatterplot<br \/>\n<\/strong>The <em>graphomate bubbles<\/em> can be used as a bubble chart to display up to five highly aggregated data dimensions in a portfolio. Using two dimensions you can create a scatterplot to spot correlations and to identify outliers.<\/p>\n<p><strong>Customization<br \/>\n<\/strong>The layout as well as the appearance and behavior of the graphomate bubbles can be configured widely including the elements\u2019 padding, dimensions and colors as well as the components\u2019 scaling and number formatting. Furthermore, it features scripting methods to change properties or to realize click events.<\/p>\n<p><strong>Labels<\/strong><br \/>\nMeaningful labels are essential for perceiving the displayed information quickly, but they can confuse the user by colliding with each other or by being too long. That\u2019s why we implemented a complex collision detection that hides colliding labels and makes sure that the visualization looks clean and comprehensive. Moreover, the category labels are generated from the data sources\u2019 dimension members taking into account that only the names of distinct ones are included. So the category labels of ten bubbles representing the same country but different cities will only include the cities names, while the country name gets outsourced to the axis label. Of course this automatism is configurable and deactivatable as well.<\/p>\n<p><strong>Runtime Interactivity<br \/>\n<\/strong>At runtime you can hover over a bubble with the cursor to set its temporary focus and see detailed information on the used data series and values.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7597\" src=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2016\/09\/bubbles_interaktivitaet.png\" alt=\"bubbles_interaktivitaet\" width=\"600\" height=\"447\" \/><\/p>\n<p>The scatterplot displays two data dimensions on its axes for quickly spotting correlations between them and for identifying outliers. In a bubble chart the graphomate bubbles can display up to 5 data series. Therefor it uses the Pie Module, already known from the graphomate tiles. It replaces the dots of the scatterplot and adds the following data dimensions:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-7594\" src=\"http:\/\/www.graphomate.com\/wp-content\/uploads\/2016\/09\/bubbles_5dimensionen-300x271.png\" alt=\"bubbles_5dimensionen\" width=\"300\" height=\"271\" \/><\/p>\n<p>Next to the two diagram axes the area of a bubble is data driven. In addition, a fourth dimension represents a share of the bubbles\u2019 area by displaying a grey arc. The fifth dimension contains a base value used for calculating a deviation to the grey arcs\u2019 value. As an example the area could represent the gross, while the arc displays the budget plus a deviation from the previous years\u2019 budget.<\/p>\n<p>Now, that you know about the features and appearance of our new component you can try it out yourself. Just ask for a free trial version via email: <a href=\"mailto:info@graphomate.com?subject=Anfrage%20bubbles%20Demoversion&#038;20en\">info@graphomate.com<\/a> or just use the appropriate <a href=\"\/kontakt-trial\">form<\/a>.<\/p>\n<p>Happy bubbling,<br \/>\nTim &#038; Daniel<br \/>\n_<\/p>\n<p><a  href=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2014\/04\/ccbync.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2014\/04\/ccbync.png\" alt=\"ccbync\" width=\"107\" height=\"43\" \/><\/a><br \/>\nThis file is licenced under the\u00a0<a href=\"http:\/\/creativecommons.org\/licenses\/by-nc\/3.0\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Creative Commons-Licence<\/strong><\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"Once again, we sat down at the workbench to craft a new component. The result are the graphomate bubbles &#8211; a visualization component f\u00fcr SAP Design Studio, which can display either a scatter plot or a bubble chart with up to five data dimensions. Highlights: Bubble-Chart and Scatterplot The graphomate bubbles can be used as","protected":false},"author":20,"featured_media":7654,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2],"tags":[],"class_list":["post post-type-post post-view- post-scope-","status-publish","post-format-standard","has-post-thumbnail","category-general","clear"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>More than just shimmering bubbles - graphomate<\/title>\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\/2016\/11\/more-than-just-shimmering-bubbles\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"More than just shimmering bubbles - graphomate\" \/>\n<meta property=\"og:description\" content=\"Once again, we sat down at the workbench to craft a new component. The result are the graphomate bubbles &#8211; a visualization component f\u00fcr SAP Design Studio, which can display either a scatter plot or a bubble chart with up to five data dimensions. Highlights: Bubble-Chart and Scatterplot The graphomate bubbles can be used as\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.graphomate.com\/en\/2016\/11\/more-than-just-shimmering-bubbles\/\" \/>\n<meta property=\"og:site_name\" content=\"graphomate\" \/>\n<meta property=\"article:published_time\" content=\"2016-11-01T13:55:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2016\/09\/bubbles_680x280.png\" \/>\n\t<meta property=\"og:image:width\" content=\"680\" \/>\n\t<meta property=\"og:image:height\" content=\"280\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Tim &amp; Daniel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@graphomate\" \/>\n<meta name=\"twitter:site\" content=\"@graphomate\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tim &amp; Daniel\" \/>\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.graphomate.com\\\/en\\\/2016\\\/11\\\/more-than-just-shimmering-bubbles\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2016\\\/11\\\/more-than-just-shimmering-bubbles\\\/\"},\"author\":{\"name\":\"Tim &amp; Daniel\",\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/#\\\/schema\\\/person\\\/850d238137f73832b256ab4c1cd4670e\"},\"headline\":\"More than just shimmering bubbles\",\"datePublished\":\"2016-11-01T13:55:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2016\\\/11\\\/more-than-just-shimmering-bubbles\\\/\"},\"wordCount\":458,\"publisher\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2016\\\/11\\\/more-than-just-shimmering-bubbles\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.graphomate.com\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/bubbles_680x280.png\",\"articleSection\":[\"General\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2016\\\/11\\\/more-than-just-shimmering-bubbles\\\/\",\"url\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2016\\\/11\\\/more-than-just-shimmering-bubbles\\\/\",\"name\":\"More than just shimmering bubbles - graphomate\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2016\\\/11\\\/more-than-just-shimmering-bubbles\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2016\\\/11\\\/more-than-just-shimmering-bubbles\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.graphomate.com\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/bubbles_680x280.png\",\"datePublished\":\"2016-11-01T13:55:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2016\\\/11\\\/more-than-just-shimmering-bubbles\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2016\\\/11\\\/more-than-just-shimmering-bubbles\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2016\\\/11\\\/more-than-just-shimmering-bubbles\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.graphomate.com\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/bubbles_680x280.png\",\"contentUrl\":\"https:\\\/\\\/www.graphomate.com\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/bubbles_680x280.png\",\"width\":680,\"height\":280},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2016\\\/11\\\/more-than-just-shimmering-bubbles\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"More than just shimmering bubbles\"}]},{\"@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\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/#\\\/schema\\\/person\\\/850d238137f73832b256ab4c1cd4670e\",\"name\":\"Tim &amp; Daniel\",\"url\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/author\\\/timdaniel\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"More than just shimmering bubbles - graphomate","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\/2016\/11\/more-than-just-shimmering-bubbles\/","og_locale":"en_US","og_type":"article","og_title":"More than just shimmering bubbles - graphomate","og_description":"Once again, we sat down at the workbench to craft a new component. The result are the graphomate bubbles &#8211; a visualization component f\u00fcr SAP Design Studio, which can display either a scatter plot or a bubble chart with up to five data dimensions. Highlights: Bubble-Chart and Scatterplot The graphomate bubbles can be used as","og_url":"https:\/\/www.graphomate.com\/en\/2016\/11\/more-than-just-shimmering-bubbles\/","og_site_name":"graphomate","article_published_time":"2016-11-01T13:55:15+00:00","og_image":[{"width":680,"height":280,"url":"https:\/\/www.graphomate.com\/wp-content\/uploads\/2016\/09\/bubbles_680x280.png","type":"image\/png"}],"author":"Tim &amp; Daniel","twitter_card":"summary_large_image","twitter_creator":"@graphomate","twitter_site":"@graphomate","twitter_misc":{"Written by":"Tim &amp; Daniel","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.graphomate.com\/en\/2016\/11\/more-than-just-shimmering-bubbles\/#article","isPartOf":{"@id":"https:\/\/www.graphomate.com\/en\/2016\/11\/more-than-just-shimmering-bubbles\/"},"author":{"name":"Tim &amp; Daniel","@id":"https:\/\/www.graphomate.com\/en\/#\/schema\/person\/850d238137f73832b256ab4c1cd4670e"},"headline":"More than just shimmering bubbles","datePublished":"2016-11-01T13:55:15+00:00","mainEntityOfPage":{"@id":"https:\/\/www.graphomate.com\/en\/2016\/11\/more-than-just-shimmering-bubbles\/"},"wordCount":458,"publisher":{"@id":"https:\/\/www.graphomate.com\/en\/#organization"},"image":{"@id":"https:\/\/www.graphomate.com\/en\/2016\/11\/more-than-just-shimmering-bubbles\/#primaryimage"},"thumbnailUrl":"https:\/\/www.graphomate.com\/wp-content\/uploads\/2016\/09\/bubbles_680x280.png","articleSection":["General"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.graphomate.com\/en\/2016\/11\/more-than-just-shimmering-bubbles\/","url":"https:\/\/www.graphomate.com\/en\/2016\/11\/more-than-just-shimmering-bubbles\/","name":"More than just shimmering bubbles - graphomate","isPartOf":{"@id":"https:\/\/www.graphomate.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.graphomate.com\/en\/2016\/11\/more-than-just-shimmering-bubbles\/#primaryimage"},"image":{"@id":"https:\/\/www.graphomate.com\/en\/2016\/11\/more-than-just-shimmering-bubbles\/#primaryimage"},"thumbnailUrl":"https:\/\/www.graphomate.com\/wp-content\/uploads\/2016\/09\/bubbles_680x280.png","datePublished":"2016-11-01T13:55:15+00:00","breadcrumb":{"@id":"https:\/\/www.graphomate.com\/en\/2016\/11\/more-than-just-shimmering-bubbles\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.graphomate.com\/en\/2016\/11\/more-than-just-shimmering-bubbles\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.graphomate.com\/en\/2016\/11\/more-than-just-shimmering-bubbles\/#primaryimage","url":"https:\/\/www.graphomate.com\/wp-content\/uploads\/2016\/09\/bubbles_680x280.png","contentUrl":"https:\/\/www.graphomate.com\/wp-content\/uploads\/2016\/09\/bubbles_680x280.png","width":680,"height":280},{"@type":"BreadcrumbList","@id":"https:\/\/www.graphomate.com\/en\/2016\/11\/more-than-just-shimmering-bubbles\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.graphomate.com\/en\/"},{"@type":"ListItem","position":2,"name":"More than just shimmering bubbles"}]},{"@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"]},{"@type":"Person","@id":"https:\/\/www.graphomate.com\/en\/#\/schema\/person\/850d238137f73832b256ab4c1cd4670e","name":"Tim &amp; Daniel","url":"https:\/\/www.graphomate.com\/en\/author\/timdaniel\/"}]}},"_links":{"self":[{"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/posts\/7656","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/comments?post=7656"}],"version-history":[{"count":0,"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/posts\/7656\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/media\/7654"}],"wp:attachment":[{"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/media?parent=7656"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/categories?post=7656"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/tags?post=7656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}