{"id":4103,"date":"2025-09-14T10:49:56","date_gmt":"2025-09-14T07:49:56","guid":{"rendered":"https:\/\/webanalyst.ro\/?p=4103"},"modified":"2025-09-14T10:49:56","modified_gmt":"2025-09-14T07:49:56","slug":"looker-treemaps","status":"publish","type":"post","link":"https:\/\/webanalyst.ro\/blog\/2025\/looker-treemaps\/","title":{"rendered":"Treemaps Moderne \u00een Looker Studio"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Un <strong>Treemap<\/strong> este un tip de grafic utilizat pentru a afi\u0219a date ierarhice (structurate sub form\u0103 de arbore) prin intermediul unor dreptunghiuri imbricate (unul \u00een interiorul celuilalt). Aceasta este o metod\u0103 de a vizualiza &#8222;p\u0103r\u021bi dintr-un \u00eentreg&#8221; \u00eentr-un mod care este at\u00e2t eficient din punct de vedere al spa\u021biului, c\u00e2t \u0219i capabil s\u0103 arate mai multe niveluri de profunzime.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Google Looker Studio tocmai \u0219i-a modernizat vizualiz\u0103rile de date care folosesc treemaps, prin func\u021bionalit\u0103\u021bi care \u00eel pot face s\u0103 arate mai bine, dar \u0219i s\u0103 ofere mai multe informa\u021bii.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p class=\"wp-block-paragraph\">Dreptunghiurile din treemaps sunt numite <em>branches<\/em> sau <em>nodes<\/em> \u00een Looker Studio. Pentru a nu complica lucrurile, \u00een acest articol voi folosi termenul din limba rom\u00e2n\u0103.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Culorile dreptunghiurilor<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La setarea unui treemap \u00een Looker Studio, avem la dispozi\u021bie alegerea uneia sau mai multor dimensiuni, \u00een func\u021bie de care va afi\u0219a metrica selectat\u0103.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Prima noutate adus\u0103 este c\u0103, dup\u0103 <em>Dimension<\/em> \u0219i <em>Metric<\/em>, avem ocazia s\u0103 alegem \u0219i <strong>Fields<\/strong>. Editorii pot folosi acest parametru pentru a alege metrica sau dimensiunea care va fi folosit\u0103 pentru colorarea dreptunghiurilor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Op\u021bional, putem opta \u0219i pentru a doua metric\u0103 pe care o va folosi la colorare, folosind <strong>Secondary label<\/strong>. \u00cen exemplul meu, valoarea acestei metrice apare sub numele dimensiunii.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Op\u021biunile de colorare<\/strong> au ap\u0103rut \u00een Style, iar editorii raportului pot alege dintre:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Single colour<\/strong> &#8211; va folosi tonalit\u0103\u021bi de la aceea\u0219i culoare;<\/li>\n\n\n\n<li><strong>Dimension values<\/strong> &#8211; apare numai atunci c\u00e2nd este selectat\u0103 o dimensiune \u00een <em>Fields<\/em> \u0219i va folosi culorile setate \u00een tema raportului pentru fiecare tip de dimensiune (se pot schimba prin setarea numit\u0103 <em>Manage dimension value colors<\/em>);<\/li>\n\n\n\n<li><strong>Gradient<\/strong> &#8211; apare numai atunci c\u00e2nd este selectat\u0103 o metric\u0103 \u00een <em>Fields<\/em> \u0219i va utiliza tonalit\u0103\u021bi de la culoarea pentru valoarea maxim\u0103 (<em>Max color value<\/em>), dar op\u021bional pot fi puse setate culori \u0219i pentru nivelul mediu (<em>Mid color value<\/em>) sau minim (<em>Min color value<\/em>).<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Noi elemente grafice<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Noul tip de Treemaps din Looker Studio vine \u0219i cu alte op\u021biuni privind estetica.<\/p>\n\n\n\n<figure class=\"wp-block-image alignright size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"222\" height=\"616\" src=\"https:\/\/webanalyst.ro\/blog\/wp-content\/uploads\/2025\/09\/treemap-style.png\" alt=\"\" class=\"wp-image-4108\" srcset=\"https:\/\/webanalyst.ro\/blog\/wp-content\/uploads\/2025\/09\/treemap-style.png 222w, https:\/\/webanalyst.ro\/blog\/wp-content\/uploads\/2025\/09\/treemap-style-108x300.png 108w, https:\/\/webanalyst.ro\/blog\/wp-content\/uploads\/2025\/09\/treemap-style-54x150.png 54w\" sizes=\"auto, (max-width: 222px) 100vw, 222px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Editorii raportului pot alege modul \u00een care s\u0103 arate col\u021burile dreptunghiurilor, aleg\u00e2nd raza cercului. Setarea se nume\u0219te <strong>Border radius<\/strong> \u0219i pot fi alese valori \u00eentre 0 \u0219i 100.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00cen aceea\u0219i zon\u0103 din tab-ul Style aferent graficului a ap\u0103rut \u0219i o zon\u0103 numit\u0103 Labels, care grupeaz\u0103 set\u0103rile privind:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Font family<\/strong> &#8211; tipul de caractere utlizat la text;<\/li>\n\n\n\n<li><strong>Font size<\/strong> &#8211; m\u0103rimea textului din grafic;<\/li>\n\n\n\n<li><strong>Font color<\/strong> &#8211; culoarea textului \u0219i a cifrelor din grafic;<\/li>\n\n\n\n<li><strong>Show data lables as<\/strong> &#8211; datele care sunt afi\u0219ate \u00een dreptunghiurile din treemap, cu c\u00e2teva op\u021biuni:\n<ul class=\"wp-block-list\">\n<li><em>None<\/em> &#8211; nu va mai afi\u0219a dimensiunea;<\/li>\n\n\n\n<li><em>Dimension only<\/em> &#8211; va afi\u0219a doar dimensiunea;<\/li>\n\n\n\n<li><em>Dimension and metric (value)<\/em> &#8211; va afi\u0219a dimensiunea \u0219i valoarea metricii;<\/li>\n\n\n\n<li><em>Dimension and metric (percent)<\/em> &#8211; va afi\u0219a dimensiunea \u0219i valoarea metricii, dar cea din urm\u0103 \u00een procente.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Trebuie avut grij\u0103 dac\u0103 se alege ultima setare, cea cu valoarea procentului afi\u0219at\u0103 ca procentaj. \u00cen cazul \u00een care sunt alese deja dou\u0103 sau mai multe dimensiuni, aceasta va afi\u0219a doar procentajul dintre ultimele dou\u0103, deci e posibil s\u0103 vede\u021bi des 100% sau procente apropiate de aceast\u0103 valoare.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La finalul anului trecut scriam c\u0103 <a href=\"https:\/\/webanalyst.ro\/blog\/2024\/looker-studio-versiune-noua\/\" target=\"_blank\" rel=\"noreferrer noopener\">Looker Studio va lansa vizualiz\u0103ri moderne<\/a>, iar noile treemaps sunt unul dintre exemple.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un Treemap este un tip de grafic utilizat pentru a afi\u0219a date ierarhice (structurate sub form\u0103 de arbore) prin intermediul unor dreptunghiuri imbricate (unul \u00een interiorul celuilalt). Aceasta este o metod\u0103 de a vizualiza &#8222;p\u0103r\u021bi dintr-un \u00eentreg&#8221; \u00eentr-un mod care este at\u00e2t eficient din punct de vedere al spa\u021biului, c\u00e2t \u0219i capabil s\u0103 arate mai [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4107,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[867],"tags":[922,942,974,973],"class_list":["post-4103","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-google-data-studio","tag-dataviz","tag-looker-studio","tag-treemap","tag-treemaps"],"_links":{"self":[{"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/posts\/4103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/comments?post=4103"}],"version-history":[{"count":4,"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/posts\/4103\/revisions"}],"predecessor-version":[{"id":4110,"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/posts\/4103\/revisions\/4110"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/media\/4107"}],"wp:attachment":[{"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/media?parent=4103"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/categories?post=4103"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webanalyst.ro\/blog\/wp-json\/wp\/v2\/tags?post=4103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}