Weiwei Cui https://interactivechaos.ovh/es es Heatmap https://interactivechaos.ovh/es/powerbi/visual/heatmap <span class="field field--name-title field--type-string field--label-hidden">Heatmap</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/es/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span class="field field--name-created field--type-created field--label-hidden">Vie, 23/08/2019 - 10:28</span> <div class="field field--name-field-desarrollador field--type-entity-reference field--label-inline clearfix"> <div class="field__label">Desarrollador</div> <div class="field__item"><a href="/es/taxonomy/term/115" hreflang="es">Weiwei Cui</a></div> </div> <div class="field field--name-field-url field--type-link field--label-inline clearfix"> <div class="field__label">url</div> <div class="field__item"><a href="https://appsource.microsoft.com/en-us/product/power-bi-visuals/WA104381072?tab=Overview">Página en AppSource</a></div> </div> <div class="field field--name-field-precio field--type-entity-reference field--label-inline clearfix"> <div class="field__label">Precio</div> <div class="field__item"><a href="/es/taxonomy/term/106" hreflang="es">Gratuita</a></div> </div> <div class="field field--name-field-version field--type-string field--label-inline clearfix"> <div class="field__label">Versión</div> <div class="field__item">1.1.9.0</div> </div> <div class="field field--name-field-ultima-actualizacion field--type-datetime field--label-inline clearfix"> <div class="field__label">Última actualización</div> <div class="field__item"><time datetime="2017-06-16T12:00:00Z" class="datetime">2017-06-16</time> </div> </div> <div class="field field--name-field-valoracion field--type-decimal field--label-inline clearfix"> <div class="field__label">Valoración</div> <div content="4.0" class="field__item">4.00/5</div> </div> <div class="field field--name-field-certificado field--type-boolean field--label-inline clearfix"> <div class="field__label">Certificada</div> <div class="field__item">No</div> </div> <div class="field field--name-field-tipo field--type-entity-reference field--label-inline clearfix"> <div class="field__label">Tipo</div> <div class="field__item"><a href="/es/taxonomy/term/102" hreflang="es">Personalizada</a></div> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Esta visualización, <strong>Heatmap</strong>, permite crear un mapa de densidad de una variable cuantitativa. Su configuración es muy sencilla:</p> <img alt="Configuración de Heatmap" data-entity-type="file" data-entity-uuid="a0b99ae8-4759-4f17-a56c-9d630337698a" src="/sites/default/files/inline-images/heatmap_01.jpg" class="align-center" width="216" height="343" loading="lazy" /><p>Vemos que, al igual que ocurre en otras visualizaciones semejantes, podemos trabajar con etiquetas de lugares o con coordenadas geográficas (latitud y longitud).</p> <p>Probemos la visualización llevando al campo <em>Location (ID)</em> el campo <em>Location</em> de nuestro modelo de datos que contiene el nombre de diferentes ciudades europeas concatenado al país al que pertenece. Solo con esto ya se muestra el mapa con la información de densidad, en este caso de ciudades simplemente:</p> <p><a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-08/heatmap_02.jpg"><img alt="Heatmap" class="image-colorbox__max_800_px" data-entity-type="file" data-entity-uuid="insert-max_800_px-f21d309d-a7a1-4010-b91e-7b40424501fe" data-insert-attach="{&quot;id&quot;: &quot;f21d309d-a7a1-4010-b91e-7b40424501fe&quot;, &quot;attributes&quot;: {&quot;alt&quot;: [&quot;alt&quot;, &quot;description&quot;], &quot;title&quot;: [&quot;title&quot;]}}" data-insert-class="" data-insert-type="image" src="/sites/default/files/styles/max_800_px/public/2019-08/heatmap_02.jpg" /></a></p> <p>Podemos ver en la esquina superior izquierda el número de localizaciones geolocalizadas (las 52 de nuestra tabla). La leyenda de la esquina superior derecha comienza -en el ejemplo mostrado en la imagen- con un "864m" de difícil comprensión. El resto de cifras hacen referencia al número de ciudades que hay en cada zona en función del color mostrado.</p> <p>Si quisiéramos visualizar la densidad de otra métrica, por ejemplo las ventas, bastaría con llevar al campo <em>Value</em> de la visualización el campo o medida de interés (la medida <em>Sales</em> en nuestro ejemplo). Esto provoca que el zoom del mapa cambie para mostrar solo la zona de interés:</p> <p><a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-08/heatmap_03.jpg"><img alt="Heatmap" class="image-colorbox__max_800_px" data-entity-type="file" data-entity-uuid="insert-max_800_px-2637ef0c-7765-49a7-be7d-ca68bf4c9a52" data-insert-attach="{&quot;id&quot;: &quot;2637ef0c-7765-49a7-be7d-ca68bf4c9a52&quot;, &quot;attributes&quot;: {&quot;alt&quot;: [&quot;alt&quot;, &quot;description&quot;], &quot;title&quot;: [&quot;title&quot;]}}" data-insert-class="" data-insert-type="image" src="/sites/default/files/styles/max_800_px/public/2019-08/heatmap_03.jpg" /></a></p> <p>La leyenda ahora muestra las ventas totales en las zonas que reciben el color correspondiente.</p> <p>Esta leyenda no se muestra -por un error de programación, probablemente- cuando se cambia de página en el informe.</p> <p>En <em>Formato &gt; Rendered</em> podemos escoger entre las opciones <em>Contour</em> y <em>Heat</em>. En este último caso los contornos de las áreas quedan menos definidos para mostrar el mapa de calor, permitiendo especificar el radio y el grado de transparencia:</p> <p><a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-08/heatmap_04.jpg"><img alt="Heatmap" class="image-colorbox__max_800_px" data-entity-type="file" data-entity-uuid="insert-max_800_px-290f8bf8-c200-4d60-96d7-c154a27db9de" data-insert-attach="{&quot;id&quot;: &quot;290f8bf8-c200-4d60-96d7-c154a27db9de&quot;, &quot;attributes&quot;: {&quot;alt&quot;: [&quot;alt&quot;, &quot;description&quot;], &quot;title&quot;: [&quot;title&quot;]}}" data-insert-class="" data-insert-type="image" src="/sites/default/files/styles/max_800_px/public/2019-08/heatmap_04.jpg" /></a></p> <p>Para el mapa de calor es posible especificar en <em>Formato &gt; Heat map</em> los colores de los 5 niveles de densidad mostrados.</p> <p>En <em>Formato &gt; Map</em> control podemos escoger entre 5 diferentes tipos de mapa: <em>Aerial</em>, <em>Color</em> (valor por defecto), <em>Gray</em>, <em>Dark</em> y <em>Light</em>.</p> <p><a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-08/heatmap_05.jpg"><img alt="Heatmap" class="image-colorbox__max_800_px" data-entity-type="file" data-entity-uuid="insert-max_800_px-f298cf68-33db-4105-b9e3-b04da05b4fdf" data-insert-attach="{&quot;id&quot;: &quot;f298cf68-33db-4105-b9e3-b04da05b4fdf&quot;, &quot;attributes&quot;: {&quot;alt&quot;: [&quot;alt&quot;, &quot;description&quot;], &quot;title&quot;: [&quot;title&quot;]}}" data-insert-class="" data-insert-type="image" src="/sites/default/files/styles/max_800_px/public/2019-08/heatmap_05.jpg" /></a></p> <p>En <em>Formato &gt; Map element</em> encontramos herramientas para mostrar o esconder carreteras, ciudades, etc.</p> <p>Si llevamos algún campo de nuestras tablas al campo <em>Group</em> de la visualización, podemos "animar" la visualización. Llevemos, por ejemplo, el campo <em>Category</em> que determina la categoría de los productos vendidos. Ahora, en el panel de formato se muestran dos secciones adicionales: <em>Group</em>, en la que podemos especificar qué valores de nuestro campo <em>Category</em> (en este caso) queremos incluir o excluir de la animación, y <em>Animation</em>, que nos permite animar la visualización para que muestre la métrica en cuestión (ventas) para cada uno de los valores de <em>Category</em>. Tenemos opciones para ejecutar la animación, configurarla en bucle o pararla.</p> <img alt="Configuración de Heatmap" data-entity-type="file" data-entity-uuid="462079e1-b3d8-4e89-82ce-4adabe23a5b0" src="/sites/default/files/inline-images/heatmap_06.jpg" class="align-center" width="224" height="665" loading="lazy" /><p>El hecho de que estos controles se encuentren en el panel de formato y no en la propia visualización no los hace demasiado cómodos, en todo caso.</p> <p>En general, interesante visualización, razonablemente bien documentada (al menos en comparación con la inmensa mayoría de las visualizaciones disponibles) y bastante personalizable.</p> </div> <div class="field field--name-field-otros-recursos field--type-link field--label-above"> <div class="field__label">Otros recursos</div> <div class="field__items"> <div class="field__item"><a href="https://weiweicui.github.io/PowerBI-Heatmap">https://weiweicui.github.io/PowerBI-Heatmap</a></div> </div> </div> Fri, 23 Aug 2019 08:28:47 +0000 admin 1329 at https://interactivechaos.ovh