{"id":360,"date":"2024-12-01T14:23:10","date_gmt":"2024-12-01T14:23:10","guid":{"rendered":"https:\/\/lookercourses.com\/?p=360"},"modified":"2025-10-09T19:27:11","modified_gmt":"2025-10-09T19:27:11","slug":"como-representar-la-jerarquia-de-los-datos-con-el-grafico-de-rectangulos-en-looker-studio","status":"publish","type":"post","link":"https:\/\/lookercourses.com\/es\/como-representar-la-jerarquia-de-los-datos-con-el-grafico-de-rectangulos-en-looker-studio\/","title":{"rendered":"C\u00f3mo representar la jerarqu\u00eda de los datos con el gr\u00e1fico de rect\u00e1ngulos en Looker Studio"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">El gr\u00e1fico de rect\u00e1ngulos en Looker Studio es un mosaico con bloques de colores en su interior. Son ideales para visualizar la jerarqu\u00eda de los datos, revelando f\u00e1cilmente patrones en datasets largos. <\/h3>\n\n\n\n<p>Personalmente, me encanta este gr\u00e1fico para representar de forma muy visual la jerarqu\u00eda dentro de una categor\u00eda. En este post vamos a continuar usando el <a href=\"\/acceso-a-datasets-para-practicar-en-looker-studio\" data-type=\"post\" data-id=\"85\">dataset de Spotify<\/a>, y vamos a utilizarlo para ver las canciones de nuestro listado que han tenido el mayor n\u00famero de reproducciones.<\/p>\n\n\n\n<p>Recuerda que si necesitas refrescarte la memoria sobre <a href=\"\/como-anadir-fuentes-de-datos-en-looker-studio\">c\u00f3mo a\u00f1adir visualizaciones a tu informe de Looker Studio<\/a>, puedes hacerlo en el post sobre ello.<\/p>\n\n\n\n<p>En la configuraci\u00f3n de tu gr\u00e1dico de rect\u00e1ngulos, elige <em>track_name<\/em> en dimensi\u00f3n y <em>streams<\/em> en m\u00e9trica.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"610\" height=\"1026\" src=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-2.png\" alt=\"\" class=\"wp-image-362\" srcset=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-2.png 610w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-2-178x300.png 178w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-2-609x1024.png 609w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/figure>\n\n\n\n<p>Este es el resultado, pero el problema es que hay tant\u00edsimas canciones que el gr\u00e1fico no es muy claro. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1322\" height=\"860\" src=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-3.png\" alt=\"\" class=\"wp-image-363\" srcset=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-3.png 1322w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-3-300x195.png 300w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-3-1024x666.png 1024w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-3-768x500.png 768w\" sizes=\"auto, (max-width: 1322px) 100vw, 1322px\" \/><\/figure>\n\n\n\n<p>\n  Debajo del cuadro donde eliges la m\u00e9trica, tienes la opci\u00f3n de seleccionar el n\u00famero de filas que quieres ver. Red\u00facelo a 20.\n<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"608\" height=\"336\" src=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-4.png\" alt=\"\" class=\"wp-image-364\" srcset=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-4.png 608w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-4-300x166.png 300w\" sizes=\"auto, (max-width: 608px) 100vw, 608px\" \/><\/figure>\n\n\n\n<p>Ah\u00ed s\u00ed que est\u00e1 mucho m\u00e1s claro que las top 2 canciones son Blinding Lights de The Weeknd y Shape of You de Ed Sheeran. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"825\" height=\"521\" src=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-5.png\" alt=\"\" class=\"wp-image-365\" srcset=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-5.png 825w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-5-300x189.png 300w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-5-768x485.png 768w\" sizes=\"auto, (max-width: 825px) 100vw, 825px\" \/><\/figure>\n\n\n\n<p>Mi recomendaci\u00f3n es usar este gr\u00e1fico con dimensiones que no tengan tantas categor\u00edas como la que hemos usado en este ejemplo. <\/p>\n\n\n\n<p>Dentro de los sets de datos explicados en el post sobre <a href=\"\/acceso-a-datasets-para-practicar-en-looker-studio\">acceso a datasets<\/a>, hay uno llamado \u2018Productos Superstore\u2019. \u00bfPor qu\u00e9 no pruebas a hacer el siguiente gr\u00e1fico mostrando los ingresos brutos por subcategor\u00eda?, \u00bfes esto lo que ves?<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"828\" height=\"504\" src=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-6.png\" alt=\"\" class=\"wp-image-366\" srcset=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-6.png 828w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-6-300x183.png 300w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-6-768x467.png 768w\" sizes=\"auto, (max-width: 828px) 100vw, 828px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"post-360-_jmz8d3raxfbr\"><\/a>Opciones de personalizaci\u00f3n espec\u00edficas del gr\u00e1fico<\/h2>\n\n\n\n<p>Como has visto en otros gr\u00e1ficos, <a href=\"http:\/\/www\">como los de mapas<\/a>, este te permite desglosar la informaci\u00f3n. Siguiendo con el ejemplo de \u2018Productos Superstore\u2019, selecciona <em>Categor\u00eda<\/em> y <em>Subcategor\u00eda<\/em> dentro de <em>Dimensi\u00f3n<\/em>, y habilita<em> Desglosar informaci\u00f3n<\/em>. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"608\" height=\"1016\" src=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-7.png\" alt=\"\" class=\"wp-image-367\" srcset=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-7.png 608w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-7-180x300.png 180w\" sizes=\"auto, (max-width: 608px) 100vw, 608px\" \/><\/figure>\n\n\n\n<p>Esto permitir\u00e1 al usuario final del informe cambiar la dimensi\u00f3n en el gr\u00e1fico sin tener privilegios de edici\u00f3n. Aqu\u00ed se ve con la dimensi\u00f3n Subcategor\u00eda (del producto).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"827\" height=\"537\" src=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-8.png\" alt=\"\" class=\"wp-image-368\" srcset=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-8.png 827w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-8-300x195.png 300w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-8-768x499.png 768w\" sizes=\"auto, (max-width: 827px) 100vw, 827px\" \/><\/figure>\n\n\n\n<p>Y tras pulsar la flecha descendente que hay arriba a la derecha del gr\u00e1fico, la dimensi\u00f3n cambia a Categor\u00eda (del producto).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"828\" height=\"503\" src=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-9.png\" alt=\"\" class=\"wp-image-369\" srcset=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-9.png 828w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-9-300x182.png 300w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-9-768x467.png 768w\" sizes=\"auto, (max-width: 828px) 100vw, 828px\" \/><\/figure>\n\n\n\n<p>\n  Dentro de <em>Estilo<\/em> puedes cambiar los colores y elegir el que represente los valores m\u00e1s altos, los medios y los m\u00e1s bajos de la m\u00e9trica. Aqu\u00ed elige el verde, el amarillo y el rojo, respectivamente.\n<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"612\" height=\"420\" src=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-10.png\" alt=\"\" class=\"wp-image-370\" srcset=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-10.png 612w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-10-300x206.png 300w\" sizes=\"auto, (max-width: 612px) 100vw, 612px\" \/><\/figure>\n\n\n\n<p>\n  Si quieres ver 2 dimensiones al mismo tiempo, desactiva<em> Desglosar informaci\u00f3n<\/em>. El siguiente gr\u00e1fico tiene la opci\u00f3n desactivada, y permite ver tanto el peso (tama\u00f1o de los rect\u00e1ngulos) de las categor\u00edas como de las subcategor\u00edas. En la configuraci\u00f3n he elegido <em>Categor\u00eda<\/em> como primera dimensi\u00f3n y <em>Subcategor\u00eda<\/em> como segunda.\n<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"543\" src=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-11.png\" alt=\"\" class=\"wp-image-371\" srcset=\"https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-11.png 940w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-11-300x173.png 300w, https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/word-image-360-11-768x444.png 768w\" sizes=\"auto, (max-width: 940px) 100vw, 940px\" \/><\/figure>\n\n\n\n<p>\u00bfQu\u00e9 te parece el gr\u00e1fico de rect\u00e1ngulos? Si tienes cualquier duda, d\u00e9jame un comentario \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El gr\u00e1fico de rect\u00e1ngulos en Looker Studio es un mosaico con bloques de colores en su interior. Son ideales para [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1342,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[9],"tags":[4],"class_list":["post-360","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-graficos","tag-es"],"uagb_featured_image_src":{"full":["https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/Como-representar-la-jerarquia-de-los-datos-con-el-grafico-de-rectangulos-en-Looker-Studio-1.jpg",700,400,false],"thumbnail":["https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/Como-representar-la-jerarquia-de-los-datos-con-el-grafico-de-rectangulos-en-Looker-Studio-1-150x150.jpg",150,150,true],"medium":["https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/Como-representar-la-jerarquia-de-los-datos-con-el-grafico-de-rectangulos-en-Looker-Studio-1-300x171.jpg",300,171,true],"medium_large":["https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/Como-representar-la-jerarquia-de-los-datos-con-el-grafico-de-rectangulos-en-Looker-Studio-1.jpg",700,400,false],"large":["https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/Como-representar-la-jerarquia-de-los-datos-con-el-grafico-de-rectangulos-en-Looker-Studio-1.jpg",700,400,false],"1536x1536":["https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/Como-representar-la-jerarquia-de-los-datos-con-el-grafico-de-rectangulos-en-Looker-Studio-1.jpg",700,400,false],"2048x2048":["https:\/\/lookercourses.com\/es\/wp-content\/uploads\/2024\/10\/Como-representar-la-jerarquia-de-los-datos-con-el-grafico-de-rectangulos-en-Looker-Studio-1.jpg",700,400,false]},"uagb_author_info":{"display_name":"barbmk","author_link":"https:\/\/lookercourses.com\/es\/author\/barbmk\/"},"uagb_comment_info":0,"uagb_excerpt":"El gr\u00e1fico de rect\u00e1ngulos en Looker Studio es un mosaico con bloques de colores en su interior. Son ideales para [&hellip;]","_links":{"self":[{"href":"https:\/\/lookercourses.com\/es\/wp-json\/wp\/v2\/posts\/360","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lookercourses.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lookercourses.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lookercourses.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lookercourses.com\/es\/wp-json\/wp\/v2\/comments?post=360"}],"version-history":[{"count":1,"href":"https:\/\/lookercourses.com\/es\/wp-json\/wp\/v2\/posts\/360\/revisions"}],"predecessor-version":[{"id":1266,"href":"https:\/\/lookercourses.com\/es\/wp-json\/wp\/v2\/posts\/360\/revisions\/1266"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lookercourses.com\/es\/wp-json\/wp\/v2\/media\/1342"}],"wp:attachment":[{"href":"https:\/\/lookercourses.com\/es\/wp-json\/wp\/v2\/media?parent=360"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lookercourses.com\/es\/wp-json\/wp\/v2\/categories?post=360"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lookercourses.com\/es\/wp-json\/wp\/v2\/tags?post=360"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}