Gratuita https://interactivechaos.ovh/es es Journey Chart by MAQ Software https://interactivechaos.ovh/es/powerbi/visual/journey-chart-maq-software <span class="field field--name-title field--type-string field--label-hidden">Journey Chart by MAQ Software</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">Lun, 07/12/2020 - 18:31</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/103" hreflang="es">MAQ LLC</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/WA104380989?tab=Overview">App Source</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">3.2.0.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="2018-09-17T12:00:00Z" class="datetime">2018-09-17</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">Sí</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>El objeto visual <em>Journey Chart by MAQ Software</em> permite representar datos complejos en una estructura con forma de red jerárquica, siendo el tamaño de los nodos determinado por una métrica.</p> <p>Éste es su panel de configuración:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2020-12/journey_chart_maq_01.jpg"><img alt="Panel de configuración de Journey Chart by MAQ Software" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-5f661b05-c387-4709-9dff-265a5187d3a1" data-insert-attach="{&quot;id&quot;: &quot;5f661b05-c387-4709-9dff-265a5187d3a1&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/2020-12/journey_chart_maq_01.jpg" /></a> <p>El campo <em>Category Data</em> va a recibir los campos de nuestro modelo de datos que van a definir los nodos y sus relaciones. Por ejemplo, podríamos pensar en el desglose de ventas por categoría y subcategoría de producto, o en una estructura jerárquica como un conjunto de trabajadores y sus gerentes.</p> <p>El campo <em>Measure Data</em> va a recibir un campo cuantitativo y va a definir el tamaño de los nodos de la red.</p> <p>Por último, el campo <em>Root Data</em> no está documentado</p> <p>Hagamos un ejemplo: vamos a llevar al primero de los campos mencionados, <em>Category Data</em>, los campos <em>Category</em> y <em>Subcategory</em> de nuestro modelo de datos, y al campo <em>Measure Data</em> el campo <em>Sales</em> conteniendo la cifra de ventas de cada fila de nuestra tabla de ventas:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2020-12/journey_chart_maq_02.jpg"><img alt="Panel de configuración de Journey Chart by MAQ Software" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-dd129647-e5bb-45c4-9ee3-081a0ea67062" data-insert-attach="{&quot;id&quot;: &quot;dd129647-e5bb-45c4-9ee3-081a0ea67062&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/2020-12/journey_chart_maq_02.jpg" /></a> <p>El resultado es el mostrado en la siguiente imagen:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2020-12/journey_chart_maq_03.jpg"><img alt="Journey Chart by MAQ Software" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-7e243690-5661-4a8d-954e-cef655da7d56" data-insert-attach="{&quot;id&quot;: &quot;7e243690-5661-4a8d-954e-cef655da7d56&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/2020-12/journey_chart_maq_03.jpg" /></a> <p>Comprobamos que se ha creado un nodo central que representa el 100% de la métrica que hayamos incluido (las ventas, en nuestro caso) y que éste se va desglosando según la primera dimensión especificada en el campo <em>Category Data</em>. En nuestro ejemplo, dicho nodo se divide en cuatro, uno para cada uno de los valores que toma el campo <em>Category</em> (<em>Hardware</em>, <em>Software</em>, <em>Services</em> y <em>Furniture</em>). El tamaño de estos cuatro nodos depende de las ventas acumuladas en cada una de las categorías. Por ejemplo, la categoría de <em>Software</em> se representa con un nodo menor que los otros tres, indicando que sus ventas son menores, cosa que podemos confirmar moviendo el ratón encima de este nodo:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2020-12/journey_chart_maq_04.jpg"><img alt="Journey Chart by MAQ Software" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-9a29f4a3-3e0d-4886-a2fd-1159ef41fbf3" data-insert-attach="{&quot;id&quot;: &quot;9a29f4a3-3e0d-4886-a2fd-1159ef41fbf3&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/2020-12/journey_chart_maq_04.jpg" /></a> <p>Estos nodos, a su vez, se dividen según los valores que tome el segundo campo que hayamos a <em>Category Data</em> -la subcategoría de producto en nuestro ejemplo-.</p> <p>Las etiquetas mostradas junto a cada nodo son configurables en el panel de formato:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2020-12/journey_chart_maq_05.jpg"><img alt="Panel de formato de Journey Chart by MAQ Software" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-bc472300-6797-4c94-9daf-296f08a98544" data-insert-attach="{&quot;id&quot;: &quot;bc472300-6797-4c94-9daf-296f08a98544&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/2020-12/journey_chart_maq_05.jpg" /></a> <p>Podemos escoger entre el nombre de la categoría, el valor o ambos:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2020-12/journey_chart_maq_06.jpg"><img alt="Journey Chart by MAQ Software" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-e303f5df-0f3a-4f15-b1bf-c68de67641cb" data-insert-attach="{&quot;id&quot;: &quot;e303f5df-0f3a-4f15-b1bf-c68de67641cb&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/2020-12/journey_chart_maq_06.jpg" /></a> <p>El formato de la métrica que aparece en la ventana de información, sin embargo, no es configurable (ni siquiera usando las herramientas de formato que encontramos en la barra de herramientas superior).</p> <p>Como vemos en el panel de configuración podemos también activar o desactivar la legenda, aunque éstas -si se muestran- van a aparecer en el borde superior de la visualización, una al lado de otra, lo que va a ser útil solo si el número de categorías no es muy elevado:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2020-12/journey_chart_maq_07.jpg"><img alt="Journey Chart by MAQ Software - Leyenda" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-503faf7a-f223-4513-a20b-35cb310ccf23" data-insert-attach="{&quot;id&quot;: &quot;503faf7a-f223-4513-a20b-35cb310ccf23&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/2020-12/journey_chart_maq_07.jpg" /></a> <p> </p> <p>También podemos escoger los colores de los nodos (solo para el primero de los campos que llevemos a <em>Category Data</em>) y modificar la etiqueta y color del nodo central.</p> <p>Es necesario indicar que el número máximo de campos que podemos llevar al campo <em>Category Data</em> es de cuatro, y el máximo número de campos que podemos llevar a <em>Measure Data</em> es de cinco.</p> <p>Sin embargo, no es posible ocultar un nivel de la jerarquía, lo que puede convertir la red en más difícilmente interpretable. Por ejemplo, si a la visualización anterior añadimos el nombre del producto, el resultado es el siguiente:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2020-12/journey_chart_maq_08.jpg"><img alt="Journey Chart by MAQ Software" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-e295957d-5990-4876-a4e1-bb9fa22d39cb" data-insert-attach="{&quot;id&quot;: &quot;e295957d-5990-4876-a4e1-bb9fa22d39cb&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/2020-12/journey_chart_maq_08.jpg" /></a> <p>Podemos pinchar y arrastrar cualquiera de los nodos -lo que tiene una utilidad más bien estética, pues los nodos van a tender a redistribuirse siempre de la misma forma-, así como aplicar un zoom a nuestra red usando la rueda del ratón, lo que resulta muy útil en el caso de redes complejas. También es posible pinchar en el fondo del objeto visual y arrastrar la visualización.</p> <p>Por último, indicar que los datos mostrados en esta visualización se van a filtrar con el resto del modelo de datos (cuando realicemos alguna selección en una segmentación, hagamos clic en una marca de un objeto visual, etc.).</p> <p>Se muestra a continuación una versión interactiva de este objeto visual:</p> <p><iframe allowfullscreen="true" frameborder="0" height="450" src="https://app.powerbi.com/view?r=eyJrIjoiOGU2NzdhYTctYTM2MS00Y2YwLTlhYzEtZjUwNTk0NGY4YTQwIiwidCI6ImM5MTk2OTlmLTI2NDEtNGNmOC05Y2NhLTQ0NjlmMDM5ZmY5NiIsImMiOjh9&amp;pageName=ReportSection" width="850"></iframe></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://youtu.be/wATxYN5iMk4">YouTube</a></div> </div> </div> Mon, 07 Dec 2020 17:31:35 +0000 admin 2907 at https://interactivechaos.ovh Globe Data Bars https://interactivechaos.ovh/es/powerbi/visual/globe-data-bars <span class="field field--name-title field--type-string field--label-hidden">Globe Data Bars</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">Sáb, 05/12/2020 - 15:18</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/129" hreflang="es">Jack Butts</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/wa104381344?tab=overview">Globe Data Bars</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.6.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-11-28T12:00:00Z" class="datetime">2017-11-28</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="1.0" class="field__item">1.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">Sí</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>La visualización <strong>Globe Data Bars</strong> ofrece un recurso no especialmente original -el poder llevar a un globo terráqueo barras geolocalizadas representando una métrica- pero que, bien ejecutada, podría ser de utilidad en numerosos escenarios.</p> <p>No es el caso en esta visualización que, tal vez cuando fue publicada -en abril de 2017-, funcionaba mejor que hoy día.</p> <p>El panel de configuración de este objeto visual es el siguiente:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2020-12/globe_data_bars_01.jpg"><img alt="Panel de configuración de Globe Data Bars" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-028a7c67-bb33-43bb-af78-c15b83a90245" data-insert-attach="{&quot;id&quot;: &quot;028a7c67-bb33-43bb-af78-c15b83a90245&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/2020-12/globe_data_bars_01.jpg" /></a> <p>Supuestamente podríamos llevar a los campos <em>Latitude</em> y <em>Longitude</em> las coordenadas geográficas de las localizaciones que queremos representar, al campo <em>Value</em> la métrica que va a determinar la longitud de las columnas, y al campo <em>Name</em> los nombres a asociar a cada columna (en teoría se mostrarán los nombres asociados a los 10 valores más elevados).</p> <p>Para probarla se ha utilizado la siguiente tabla de datos conteniendo la población y coordenadas geográficas de varios países:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2020-12/globe_data_bars_02.jpg"><img alt="Tabla de datos" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-a3f03eda-5cf6-4d46-b05d-e4cc8bf42cf2" data-insert-attach="{&quot;id&quot;: &quot;a3f03eda-5cf6-4d46-b05d-e4cc8bf42cf2&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/2020-12/globe_data_bars_02.jpg" /></a> <p>El resultado es el siguiente:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2020-12/globe_data_bars_03.jpg"><img alt="Globe Data Bars" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-c6106f49-b59e-4207-a2ea-c2806c7dd799" data-insert-attach="{&quot;id&quot;: &quot;c6106f49-b59e-4207-a2ea-c2806c7dd799&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/2020-12/globe_data_bars_03.jpg" /></a> <p>Tal y como puede verse, no se muestran las barras. Se muestran las etiquetas pero no se leen bien y su imagen tiene un aspecto muy poco atractivo.</p> <p>Además, no es posible configurar el aspecto gráfico del globo terráqueo y el movimiento de éste con el ratón resulta poco intuitivo.</p> <p>En general se trata de un objeto visual que no tiene la calidad suficiente para ser usado en producción (¡ni siquiera muestras las barras!).</p> <p>Se muestra a continuación la versión interactiva del objeto visual:</p> <p><iframe allowfullscreen="true" frameborder="0" height="450" src="https://app.powerbi.com/view?r=eyJrIjoiMmIwODZkOTYtYmFjZi00ODM5LWIyNzItMGI1NmJmNjYxYTJiIiwidCI6ImM5MTk2OTlmLTI2NDEtNGNmOC05Y2NhLTQ0NjlmMDM5ZmY5NiIsImMiOjh9&amp;pageName=ReportSection" width="850"></iframe></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://www.dreameater.net">dreameater.net</a></div> </div> </div> Sat, 05 Dec 2020 14:18:07 +0000 admin 2906 at https://interactivechaos.ovh Heat Streams https://interactivechaos.ovh/es/powerbi/visual/heat-streams <span class="field field--name-title field--type-string field--label-hidden">Heat Streams</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">Mar, 17/09/2019 - 11:07</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/99" hreflang="es">Microsoft Corporation</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/WA104381183?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.3.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="2018-06-04T12:00:00Z" class="datetime">2018-06-04</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="2.5" class="field__item">2.50/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>La idea detrás de <strong>Heat Streams</strong> no es mala (aunque tampoco especialmente original): crear un mapa de calor asociado a los valores que para un campo adopta una métrica, forzando que el segundo eje de la gráfica sea (supuestamente) temporal. Sin embargo, tal y como vamos a ver, se trata de un desarrollo muy poco pulido, con algunas limitaciones prácticas y no tan útil como podría esperarse. La visualización nos ofrece el siguiente panel de campos:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/heat_streams_01.jpg"><img alt="Panel de campos de Heat Streams" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-8e9cde13-8464-4299-a64c-c3225309bad5" data-insert-attach="{&quot;id&quot;: &quot;8e9cde13-8464-4299-a64c-c3225309bad5&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-09/heat_streams_01.jpg" /></a> <ul><li>Campo <em>Category</em>: contendrá el campo cuyos valores determinarán las etiquetas del eje vertical.</li> <li>Campo <em>Score</em>: contendrá el campo cuantitativo o medida que determinará el color de cada celda.</li> <li>Campo <em>Time</em>: recibirá el campo temporal que determinará el contenido del eje horizontal.</li> </ul><p>Para realizar una primera prueba, supongamos que queremos analizar el cambio en el tiempo de la valoración que nuestros clientes hacen de nosotros, y que queremos desglosar los clientes según su estado civil. Para ello, llevemos el campo <em>Marital Status</em> a <em>Category</em>, el campo <em>Rating</em> a <em>Score</em> (estos dos campos los tenemos en la misma tabla, <em>Customers</em>) y llevemos el campo <em>Date</em> (campo de tipo <em>datetime</em>) del calendario al campo <em>Time</em> de la visualizacion. Y configuremos el campo <em>Rating</em> para que la función de agregación a aplicar sea el promedio. El resultado es el siguiente:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/heat_streams_02_0.jpg"><img alt="Heat Streams" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-98e13bd3-36e9-423b-ae56-1920663e06dc" data-insert-attach="{&quot;id&quot;: &quot;98e13bd3-36e9-423b-ae56-1920663e06dc&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-09/heat_streams_02_0.jpg" /></a> <p>Se muestra cada celda de un color que refleja la métrica en cuestión, aunque no se visualiza una leyenda que nos ayude a interpretar los colores.</p> <p>Apreciamos también que el espacio dado a las etiquetas del eje vertical no se adapta adecuadamente a éstas (hay que especificar manualmente el porcentaje del ancho de la visualización que se va a reservar a este efecto en <em>Formato &gt; View Settings &gt; Text %</em>).</p> <p>Pero la gran pregunta que uno se hace es ¿según qué criterio estamos dividiendo el eje horizontal? ¿días, tal vez? Porque hemos llevado al campo <em>Time</em> una jerarquía de fechas. Y por ningún lado se aprecian herramientas que nos permitan navegar por ésta, ni etiquetas que indiquen qué nivel se está considerando. Lo único que vemos en el eje horizontal es un contador que, comenzando por 1, llega hasta 32 (número que tampoco se visualiza correctamente). Y el hecho es que en <em>Formato &gt; View Settings &gt; Num Axis Ticks</em>, por defecto se especifica que en este eje deberán mostrarse 30 marcas (y no 32).</p> <p>Ante la duda, eliminemos el campo <em>Date</em> y llevemos en su lugar -simplemente- el campo <em>Year</em>:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/heat_streams_03_0.jpg"><img alt="Heat Streams" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-5b8f6b22-a8cc-49a5-ae86-ceab613785c7" data-insert-attach="{&quot;id&quot;: &quot;5b8f6b22-a8cc-49a5-ae86-ceab613785c7&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-09/heat_streams_03_0.jpg" /></a> <p>Vemos que se muestra una columna por año (aunque esto no responde a la pregunta que nos hicimos antes ¿estábamos viendo días?), y que en el eje horizontal se muestran muchos ticks, solapando unos con otros (26, si no estoy contando mal, lo que no coincide ni con el número de columnas ni con la cifra especificada en <em>Formato &gt; View Settings &gt; Num Axis Ticks</em>). Especifiquemos en este último campo el valor 5 (pues tenemos 5 años):</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/heat_streams_04_0.jpg"><img alt="Heat Streams" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-0519b81f-d5cb-48a5-88ce-bbf9b098414f" data-insert-attach="{&quot;id&quot;: &quot;0519b81f-d5cb-48a5-88ce-bbf9b098414f&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-09/heat_streams_04_0.jpg" /></a> <p>Ahora estamos viendo una marca por año más otra al final (es decir, no vemos 5, sino 6). Esto significa que si vamos a mostrar, digamos, semanas, y hay muchas, deberemos contarlas previamente (de alguna forma) si deseamos que se muestra un tick por columna (incluyendo o no un tick para el final de la última). Realmente incómodo.</p> <p>La conclusión a la que se llega es que lo que se denomina <em>Time</em> en la visualización hace realmente referencia a cualquier campo numérico (sea ordinal o nominal). Es decir, si tenemos un número que haga referencia a los países en los que operamos, podríamos llevar dicho número al mencionado campo <em>Time</em> para generar la visualización. Es decir, la visualización no acepta campos de fecha y hora -a pesar del nombre-.</p> <p>En <em>Formato &gt; Data Settings &gt; Date Buckets</em> podemos escoger lo que aparenta ser la granularidad con la que se van a considerar los datos, lo que no parece muy coherente con el hecho de poder llevar al campo <em>Time</em> un campo que define el período temporal a mostrar.</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/heat_streams_05.jpg"><img alt="Panel de formato de Heat Streams" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-53f4b4ac-cdf1-4a73-8bff-b5852f4a5b1e" data-insert-attach="{&quot;id&quot;: &quot;53f4b4ac-cdf1-4a73-8bff-b5852f4a5b1e&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-09/heat_streams_05.jpg" /></a> <p>Es decir, si en esta opción de <em>Date Buckets</em> selecciono la opción "<em>Yearly</em>" pero al campo <em>Time</em> llevo mi campo <em>Date</em> ¿quiere eso decir que para todos los días de un cierto año se va a mostrar el mismo valor (y color)? Probémoslo:</p> <p><a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/heat_streams_06_0.jpg"><img alt="Heat Streams" class="image-colorbox__max_800_px" data-entity-type="file" data-entity-uuid="insert-max_800_px-7482230d-eb69-48cd-86f9-2d2aefebdbdf" data-insert-attach="{&quot;id&quot;: &quot;7482230d-eb69-48cd-86f9-2d2aefebdbdf&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-09/heat_streams_06_0.jpg" /></a></p> <p>Pues no. Aunque seguimos sin sabe exactamente qué estamos mostrando en la visualización (eso sí, ahora solo se muestran 5 ticks en el eje horizontal) el hecho es que los valores para cada columna son distintos, lo que nos deja con la duda de la utilidad de esos "buckets". Y no hay documentación accesible en la página de la visualización, por supuesto.</p> <p>Junto a esta opción de "<em>Date Buckets</em>" hay otro campo ("<em>Value Buckets</em>") que hace referencia al ancho de las columnas. Por defecto toma el valor 1, pero si lo disminuimos a 0.8, por ejemplo, la visualización mostraría el siguiente aspecto:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/heat_streams_08.jpg"><img alt="Heat Streams" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-b89af0db-000a-4dfe-a282-a781756264c0" data-insert-attach="{&quot;id&quot;: &quot;b89af0db-000a-4dfe-a282-a781756264c0&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-09/heat_streams_08.jpg" /></a> <p>Los campos "<em>Min Score</em>" y "<em>Max Score</em>" van a imponer los valores mínimo y máximo a considerar para el cálculo de los colores a aplicar en la visualización. Sin embargo, las pruebas realizadas no parecen encajar con los datos disponibles. Estos son los valores medios del rating por estado civil:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/heat_streams_09.jpg"><img alt="Heat Streams - Datos a mostrar en la visualización" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-b7e6fa92-9870-442c-8869-b6c2b1e7f6cb" data-insert-attach="{&quot;id&quot;: &quot;b7e6fa92-9870-442c-8869-b6c2b1e7f6cb&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-09/heat_streams_09.jpg" /></a> <p>Podríamos pensar que el "valor mínimo" por defecto considerado por la visualización para mostrar los colores son el 0 (pues es el menor rating posible) o el 2.68 (menor valor presente en la tabla anterior). Pero si incluimos alguno de estos dos valores en el campo "<em>Min Score</em>" mencionado, la visualización no muestra los mismos colores que en la última imagen mostrada de ésta. Por ejemplo, si añadimos el valor 2.68 el resultado es el siguiente:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/heat_streams_10.jpg"><img alt="Heat Streams" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-59bd37f7-4e2c-479b-8a91-8167899daaff" data-insert-attach="{&quot;id&quot;: &quot;59bd37f7-4e2c-479b-8a91-8167899daaff&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-09/heat_streams_10.jpg" /></a> <p>En <em>Formato &gt; View Settings &gt; Theme</em> podemos especificar el tema que determinará los colores a aplicar:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/heat_streams_07.jpg"><img alt="Panel de formato de Heat Streams" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-a92fff9e-4352-487f-ae92-75a1593230da" data-insert-attach="{&quot;id&quot;: &quot;a92fff9e-4352-487f-ae92-75a1593230da&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-09/heat_streams_07.jpg" /></a> <p>Comprobamos que hay una buena selección, aunque no es configurable más allá de las opciones ofrecidas.</p> <p>En resumen, visualización poco intuitiva, que agradecería una revisión de los errores de visualización mencionados y un mayor control sobre qué estamos visualizando y cómo poder movernos por nuestra estructura temporal.</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://www.youtube.com/watch?v=1F_ftjnB638">Power BI Custom Visuals - Heat Streams</a></div> </div> </div> Tue, 17 Sep 2019 09:07:04 +0000 admin 1382 at https://interactivechaos.ovh Python visual (Objeto visual de Python) https://interactivechaos.ovh/es/powerbi/visual/python-visual-objeto-visual-de-python <span class="field field--name-title field--type-string field--label-hidden">Python visual (Objeto visual de Python)</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">Lun, 16/09/2019 - 12:00</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/99" hreflang="es">Microsoft Corporation</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-valoracion field--type-decimal field--label-inline clearfix"> <div class="field__label">Valoración</div> <div content="4.5" class="field__item">4.50/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/101" hreflang="es">Integrada</a></div> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>La visualización <strong>Python visual</strong> (<strong>Objeto visual de Python</strong>) es muy parecida al <a href="/powerbi/visual/r-script-visual-objeto-visual-de-script-de-r">Objeto visual de script de R</a>: Llevaremos a ésta campos de nuestro modelo de datos e introduciremos código escrito en Python, Power BI enviará esta información a nuestra instalación local de Python y ésta devolverá una imagen que se mostrará en la visualización. El panel de campos de la visualización es muy simple:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/python_visual_01.jpg"><img alt="Panel de campos de Python visual (Objeto visual de Python)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-e9d68aa6-4c94-4f30-bd7b-815db373566a" data-insert-attach="{&quot;id&quot;: &quot;e9d68aa6-4c94-4f30-bd7b-815db373566a&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-09/python_visual_01.jpg" /></a> <p>...apenas un campo ("<em>Valores</em>") al que llevar los campos (no se admiten medidas) de nuestro modelo de datos que queremos que sean considerados en el script Python. Por ejemplo, arrastremos desde nuestra tabla <em>Products</em> el campo <em>Category</em> (categoría de cada producto), y desde la tabla <em>Sales</em> el campo <em>Amount</em> (importe de cada venta):</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/r_script_visual_02_0.jpg"><img alt="Panel de campos de Python visual (Objeto visual de Python)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-c3a7ad3b-e554-4938-aca0-a4a8086b9926" data-insert-attach="{&quot;id&quot;: &quot;c3a7ad3b-e554-4938-aca0-a4a8086b9926&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-09/r_script_visual_02_0.jpg" /></a> <p>En este momento la visualización muestra únicamente el título que se asigna de forma automática, pero vemos en la interfaz de Power BI que se ha abierto una ventana acoplada a su parte inferior, el llamado <em>Editor de scripts de Python</em>:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/python_visual_03.jpg"><img alt="Python visual (Objeto visual de Python)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-9c29b10b-62b7-44d3-8bbd-e15f6b86ddf0" data-insert-attach="{&quot;id&quot;: &quot;9c29b10b-62b7-44d3-8bbd-e15f6b86ddf0&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-09/python_visual_03.jpg" /></a> <p>Según nos informa el texto incluido en el editor:</p> <div class="nota"> <p># El código siguiente, que crea un dataframe y quita las filas duplicadas, siempre se ejecuta y actúa como un preámbulo del script:</p> <p># dataset = pandas.DataFrame(Amount, Units, Freight, Margin, Satisfaction)</p> <p># dataset = dataset.drop_duplicates()</p> <p># Pegue o escriba aquí el código de script:</p> </div> <p>...los campos que hayamos arrastrado hasta la visualización se van a empaquetar en un dataframe pandas que recibe el nombre de <em>dataset</em>, de forma que nuestro código deberá hacer referencia a esta variable. Escribamos debajo de la última línea del texto comentado el siguiente script:</p> <div class="codigo"> <p>import seaborn as sns<br /> import matplotlib.pyplot as plt<br /> sns.set()<br /> sns.violinplot(dataset.Category, dataset.Amount)<br /> plt.show()</p> </div> <p>En este código estamos importando las librerías seaborn y matplotlib.pyplot, estableciendo el estilo gráfico de seaborn por defecto (<code>sns.set()</code>) y creando una gráfica de violín a partir de los datos contenidos en el dataframe <em>dataset</em>.</p> <p>Un clic en la flecha que apunta en diagonal hacia arriba en la cabecera del editor:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/r_script_visual_04.jpg"><img alt="R script visual (Objeto visual de script de R)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-92aa1c9d-42b1-4cd8-a133-abf7aa53f5af" data-insert-attach="{&quot;id&quot;: &quot;92aa1c9d-42b1-4cd8-a133-abf7aa53f5af&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-09/r_script_visual_04.jpg" /></a> <p>...abrirá el código en el IDE externo que hayamos definido en las opciones de Power BI (en mi instalación es simplemente el bloc de notas de Windows), lo que nos permitirá editar el código más fácilmente:</p> <p><a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/python_visual_04.jpg"><img alt="Python visual (Objeto visual de Python) - IDE externo" class="image-colorbox__max_800_px" data-entity-type="file" data-entity-uuid="insert-max_800_px-95d532fa-68f6-40fc-95a8-6a14f6a43053" data-insert-attach="{&quot;id&quot;: &quot;95d532fa-68f6-40fc-95a8-6a14f6a43053&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-09/python_visual_04.jpg" /></a></p> <p>Si optamos por escribir el código en el IDE externo -sea el que sea- deberemos terminar copiando a mano el código en el editor ofrecido en Power BI. A continuación, -en Power BI- ya podemos ejecutar el script haciendo clic en el botón situado más a la izquierda de los cuatro que se muestran en la cabecera del editor. Esto provocará que, como se ha comentado, Power BI envíe los datos y el código a nuestra instalación local de Python, y espere una imagen como respuesta, imagen que mostrará en la visualización:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/r_script_visual_08.jpg"><img alt="Python visual (Objeto visual de Python)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-bbb2359f-ff5e-4392-bc0b-314ff83cb9ba" data-insert-attach="{&quot;id&quot;: &quot;bbb2359f-ff5e-4392-bc0b-314ff83cb9ba&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-09/r_script_visual_08.jpg" /></a> <p>Puede apreciarse en la imagen anterior cómo -en este caso- las etiquetas asignadas a los ejes ("<em>Category</em>" y "<em>Amount</em>") se muestran cortadas.</p> <p>Esta visualización no es interactiva en el sentido de que no podemos hacer clic en ella y esperar que se filtren el resto de visualizaciones, pero sí se va a adaptar de forma dinámica a cambios en el contexto. Así, si por ejemplo añadimos una segmentación y seleccionamos alguna opción, la visualización se va a actualizar para mostrar -en este caso- la gráfica de violín para los datos que se hayan seleccionado:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/r_script_visual_09.jpg"><img alt="Python visual (Objeto visual de Python)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-0cda719f-4eb4-46e8-b033-775e171fc577" data-insert-attach="{&quot;id&quot;: &quot;0cda719f-4eb4-46e8-b033-775e171fc577&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-09/r_script_visual_09.jpg" /></a> <p>Esta visualización no ofrece opciones adicionales para su personalización (más allá de las opciones comunes a todas las visualizaciones: dar formato al título, fondo, etc.).</p> <p>Es de destacar que esta visualización no es compatible con todas las versiones de Python (al menos no siempre con la última). A la fecha de redacción de este texto, septiembre de 2019, la visualización devuelve un error si se está trabajando con la versión 3.7 de Python. La solución consiste en instalar una versión anterior (por ejemplo la 3.6) y configurar Power BI para que se ejecute dicho intérprete (en <em>Archivo &gt; Opciones y Configuración &gt; Opciones &gt; Creación de scripts de Python</em>). La <a href="/conda/command/creacion-de-un-entorno-con-una-version-de-python-especifica">instalación de una versión anterior</a> es sumamente sencilla si trabajamos con Anaconda.</p> </div> Mon, 16 Sep 2019 10:00:12 +0000 admin 1381 at https://interactivechaos.ovh R script visual (Objeto visual de script de R) https://interactivechaos.ovh/es/powerbi/visual/r-script-visual-objeto-visual-de-script-de-r <span class="field field--name-title field--type-string field--label-hidden">R script visual (Objeto visual de script de R)</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">Lun, 16/09/2019 - 10:24</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/99" hreflang="es">Microsoft Corporation</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-valoracion field--type-decimal field--label-inline clearfix"> <div class="field__label">Valoración</div> <div content="4.5" class="field__item">4.50/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/101" hreflang="es">Integrada</a></div> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>La visualización <strong>R script visual</strong> (<strong>Objeto visual de script de R</strong>) nos permite pasar a nuestra instalación de R cierto código (escrito en R, por supuesto) y datos de nuestro modelo de datos. Nuestra instalación de R va a ejecutar el código sobre dichos datos, va a generar una imagen y la va a devolver a Power BI, mostrándose como visualización.</p> <p>El panel de campos de esta visualización es muy simple:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/r_script_visual_01.jpg"><img alt="Panel de campos de R script visual (Objeto visual de script de R)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-21e9638e-6e58-4a71-b06b-bdb016fde548" data-insert-attach="{&quot;id&quot;: &quot;21e9638e-6e58-4a71-b06b-bdb016fde548&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-09/r_script_visual_01.jpg" /></a> <p>Solo dispone de un campo al que llevar los campos de nuestro modelo de datos que queramos que sean tratados por R. No se admiten medidas (lo que es lógico, pues no sería posible contextualizarlas ni contar con aquellos campos a partir de los que se calculan). Por ejemplo, arrastremos desde nuestra tabla <em>Sales</em> los campos <em>Amount</em> (importe de venta), <em>Units</em> (unidades vendidas), <em>Freight</em> (coste del flete), <em>Margin</em> (margen de cada venta) y <em>Satisfaction</em> (satisfacción del comprador):</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/r_script_visual_02.jpg"><img alt="Panel de campos de R script visual (Objeto visual de script de R)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-a583b367-d159-4087-a3b9-eb276aee915a" data-insert-attach="{&quot;id&quot;: &quot;a583b367-d159-4087-a3b9-eb276aee915a&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-09/r_script_visual_02.jpg" /></a> <p>La visualización se muestra todavía vacía, apenas se ve el título automático que recibe. Pero comprobamos que en la interfaz de Power BI se ha abierto una ventana acoplada a su parte inferior, ventana que recibe el nombre de <strong>Editor de script R</strong>:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/r_script_visual_03.jpg"><img alt="R script visual (Objeto visual de script de R)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-bd8a0ad7-cdc0-4f56-aa8c-6a2457fe2371" data-insert-attach="{&quot;id&quot;: &quot;bd8a0ad7-cdc0-4f56-aa8c-6a2457fe2371&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-09/r_script_visual_03.jpg" /></a> <p>Tal y como nos explica el texto mostrado en el editor:</p> <div class="nota"> <p># El código siguiente, que crea un dataframe y quita las filas duplicadas, siempre se ejecuta y actúa como un preámbulo del script: </p> <p># dataset &lt;- data.frame(Amount, Units, Freight, Margin, Satisfaction)<br /> # dataset &lt;- unique(dataset)</p> <p># Pegue o escriba aquí el código de script:</p> </div> <p>...los datos que añadamos a la visualización se van a empaquetar en un dataframe que va a recibir el nombre de <em>dataset</em>, por lo que nuestro código deberá hacer referencia a esta variable. Escribamos, por ejemplo, el siguiente código (debajo del texto "<em># Pegue o escriba aquí el código de script:</em>"):</p> <div class="codigo"> <p>library(corrplot)<br /> M &lt;- cor(dataset)<br /> corrplot(M, method = "circle", type="upper", tl.cex=0.6, tl.srt=45, tl.col="red")</p> </div> <p>Este código simplemente carga la librería <em>corrplot</em> y genera una matriz de correlación de las variables contenidas en el dataframe <em>dataset</em>.</p> <p>Si hacemos clic en la flecha que apunta en diagonal hacia arriba en la cabecera del editor:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/r_script_visual_04.jpg"><img alt="R script visual (Objeto visual de script de R)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-92aa1c9d-42b1-4cd8-a133-abf7aa53f5af" data-insert-attach="{&quot;id&quot;: &quot;92aa1c9d-42b1-4cd8-a133-abf7aa53f5af&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-09/r_script_visual_04.jpg" /></a> <p>...se abrirá el código en el IDE externo que hayamos definido en las opciones de Power BI (en mi caso es RStudio), lo que nos permitirá editar y probar el código más fácilmente:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/r_script_visual_05.jpg"><img alt="R script visual (Objeto visual de script de R). IDE externo: RStudio" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-eee7230a-e906-49cd-932a-8f8c9c404ef9" data-insert-attach="{&quot;id&quot;: &quot;eee7230a-e906-49cd-932a-8f8c9c404ef9&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-09/r_script_visual_05.jpg" /></a> <p>En todo caso, una vez terminada la edición, deberemos copiar a mano el código desde el IDE externo hasta el editor de Power BI. A continuación, -en Power BI- ya podemos ejecutar el script haciendo clic en el botón situado más a la izquierda de los cuatro que se muestran en la cabecera del editor. Esto provocará que, como se ha comentado, Power BI envíe los datos y el código a R, y espere una imagen como respuesta, imagen que mostrará en la visualización:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/r_script_visual_06.jpg"><img alt="R script visual (Objeto visual de script de R)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-16b6b326-69ef-4aa9-9070-1cb72f1f6955" data-insert-attach="{&quot;id&quot;: &quot;16b6b326-69ef-4aa9-9070-1cb72f1f6955&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-09/r_script_visual_06.jpg" /></a> <p>Esta visualización no es interactiva en el sentido de que no podemos hacer clic en ella y esperar que se filtren el resto de visualizaciones, pero sí se va a adaptar de forma dinámica a cambios en el contexto. Así, si por ejemplo añadimos una segmentación y seleccionamos alguna opción, la visualización se va a actualizar para mostrar -en este caso- la matriz de correlación para los datos que se hayan seleccionado:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/r_script_visual_07.jpg"><img alt="R script visual (Objeto visual de script de R)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-8e4ac015-d61b-4f57-9f14-898d830abb1b" data-insert-attach="{&quot;id&quot;: &quot;8e4ac015-d61b-4f57-9f14-898d830abb1b&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-09/r_script_visual_07.jpg" /></a> <p>Esta visualización no ofrece opciones adicionales para su personalización (más allá de las opciones comunes a todas las visualizaciones: dar formato al título, fondo, etc.).</p> </div> Mon, 16 Sep 2019 08:24:54 +0000 admin 1380 at https://interactivechaos.ovh Matrix (matriz) https://interactivechaos.ovh/es/powerbi/visual/matrix-matriz <span class="field field--name-title field--type-string field--label-hidden">Matrix (matriz)</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">Dom, 15/09/2019 - 12:04</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/99" hreflang="es">Microsoft Corporation</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-valoracion field--type-decimal field--label-inline clearfix"> <div class="field__label">Valoración</div> <div content="4.5" class="field__item">4.50/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/101" hreflang="es">Integrada</a></div> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>La <strong>matriz</strong> o <strong>matrix</strong> nos permite representar un conjunto de datos (por ejemplo, “Ventas”) segmentado según dos criterios que serán representados en una tabla con encabezados de fila y de columna (por ejemplo, “País” y “Año”). Esta visualización es semejante a la que resultaría de crear una tabla dinámica en Excel.</p> <p>El panel de campos de la matriz es el que cabría esperar en este caso, con campos para filas, columnas y valores:</p> <a href="/sites/default/files/2019-09/matrix_01.jpg"><img alt="Panel de campos de Matrix (matriz)" data-entity-type="file" data-entity-uuid="insert-max_800_px-c2ca7382-6221-49c5-8141-5517c167d83c" src="/sites/default/files/styles/max_800_px/public/2019-09/matrix_01.jpg" class="align-center" /></a> <ul><li>Campo "<em>Filas</em>": recibirá el criterio de segmentación que se mostrará para las filas. Admite más de uno.</li> <li>Campo "Columnas": recibirá el criterio de segmentación que se mostrará para las filas. Admite más de uno.</li> <li>Campo "Valores": recibirá el valor base a mostrar. Permite añadir más de uno.</li> </ul><p>En el caso de que se incluya más de un campo en filas o columnas, la tabla mostrará los subtotales correspondientes para cada uno.</p> <p>Tal y como se ha sugerido, llevemos la medida <em>Sales</em> a <em>Valores</em>, el campo <em>Country</em> al campo <em>Filas</em> de la visualización y el campo <em>Año</em> (del calendario) al campo <em>Columnas</em>:</p> <a href="/sites/default/files/2019-09/matrix_02.jpg"><img alt="Matrix (matriz)" data-entity-type="file" data-entity-uuid="insert-max_800_px-2d7f98b3-ad2b-42b2-a5e3-4d71a7343ab5" src="/sites/default/files/styles/max_800_px/public/2019-09/matrix_02.jpg" class="align-center" /></a> <p>Si, por ejemplo, llevamos un segundo campo a <em>Filas</em> (el campo <em>Region</em>, conteniendo la región del país en la que se realiza cada venta):</p> <a href="/sites/default/files/2019-09/matrix_03.jpg"><img alt="Panel de campos de Matrix (matriz)" data-entity-type="file" data-entity-uuid="insert-max_800_px-7297ea4a-2b64-45f4-a1fc-facb2b79b4ce" src="/sites/default/files/styles/max_800_px/public/2019-09/matrix_03.jpg" class="align-center" /></a> <p>...la matriz muestra un pequeño signo + a la izquierda de cada encabezado de fila, signo que nos permite desglosar el país por regiones:</p> <a href="/sites/default/files/2019-09/matrix_04.jpg"><img alt="Matrix (matriz)" data-entity-type="file" data-entity-uuid="insert-max_800_px-4ea1a3bb-c227-445b-a539-0c5aff1bca78" src="/sites/default/files/styles/max_800_px/public/2019-09/matrix_04.jpg" class="align-center" /></a> <p>En este caso, también podemos movernos por la jerarquía creada haciendo uso de los típicos iconos que se muestran (si hay espacio) en la parte superior derecha de la visualización.</p> <p>Los signos + y - pueden activarse o desactivarse en <em>Formato &gt; Encabezados de fila &gt; +/- iconos</em>.</p> <p>Tanto los encabezados (de filas y columnas) como los valores pueden ser personalizados con gran detalle. Por ejemplo, podemos desactivar el diseño escalonado de filas que se ve en la anterior imagen (<em>Formato &gt; Encabezados de fila &gt; Diseño escalonado</em>):</p> <a href="/sites/default/files/2019-09/matrix_05.jpg"><img alt="Matrix (matriz)" data-entity-type="file" data-entity-uuid="insert-max_800_px-1e42288e-2639-4ff0-909b-60d265a46c17" src="/sites/default/files/styles/max_800_px/public/2019-09/matrix_05.jpg" class="align-center" /></a> <p>Ahora, las primeras dos columnas (correspondientes al país y a la región) no se solapan, y la primera región de cada país ocupa la misma fila que el país al que pertenece.</p> <p>Es posible aplicar estilos predeterminados a la matriz (<em>Formato &gt; Estilo</em>). El estilo por defecto (al que corresponden las anteriores imágenes) es el llamado <em>Valor predeterminado</em>, pero hay otros:</p> <ul><li>Encabezado en negrita:</li> </ul><a href="/sites/default/files/2019-09/matrix_06.jpg"><img alt="Matrix (matriz) - Estilo Encabezado en negrita" data-entity-type="file" data-entity-uuid="insert-max_800_px-4b721541-a559-42df-b6bd-21ecce234426" src="/sites/default/files/styles/max_800_px/public/2019-09/matrix_06.jpg" class="align-center" /></a> <ul><li>Filas alternas:</li> </ul><a href="/sites/default/files/2019-09/matrix_07.jpg"><img alt="Matrix (matriz) - Estilo Filas alternas con contraste" data-entity-type="file" data-entity-uuid="insert-max_800_px-5635f3d1-5254-4eb0-b7d8-dec86139b721" src="/sites/default/files/styles/max_800_px/public/2019-09/matrix_07.jpg" class="align-center" /></a> <ul><li>Comprimido:</li> </ul><a href="/sites/default/files/2019-09/matrix_08.jpg"><img alt="Matrix (matriz) - Estilo Comprimido" data-entity-type="file" data-entity-uuid="insert-max_800_px-2f81d0f6-cbfb-4622-ac1e-86fd07bb1fb2" src="/sites/default/files/styles/max_800_px/public/2019-09/matrix_08.jpg" class="align-center" /></a> <p>...y otros varios.</p> <p>Por supuesto, a partir de un estilo es posible especificar con detalle los colores y formato a aplicar a encabezados, valores, subtotales y total general:</p> <a href="/sites/default/files/2019-09/matrix_09.jpg"><img alt="Matrix (matriz)" data-entity-type="file" data-entity-uuid="insert-max_800_px-ddde9cc5-f69c-421b-a873-8d5567f6e29e" src="/sites/default/files/styles/max_800_px/public/2019-09/matrix_09.jpg" class="align-center" /></a> <p>Es posible aplicar a las celdas con los valores un formato condicional: color de fondo, color de fuente, barras de datos e iconos (véanse los comentarios hechos al respecto para la <a href="/powerbi/visual/table-tabla">visualización Tabla</a>):</p> <a href="/sites/default/files/2019-09/matrix_10.jpg"><img alt="Matrix (matriz) con formato condicional" data-entity-type="file" data-entity-uuid="insert-max_800_px-36c41557-376f-43b3-a718-a64610611d64" src="/sites/default/files/styles/max_800_px/public/2019-09/matrix_10.jpg" class="align-center" /></a> <p>Se trata de una visualización muy personalizable y versátil, y muy útil cuando necesitamos comunicar un conjunto relativamente amplio de valores con mucha precisión.</p> </div> Sun, 15 Sep 2019 10:04:16 +0000 admin 1378 at https://interactivechaos.ovh Table (tabla) https://interactivechaos.ovh/es/powerbi/visual/table-tabla <span class="field field--name-title field--type-string field--label-hidden">Table (tabla)</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">Sáb, 14/09/2019 - 10:57</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/99" hreflang="es">Microsoft Corporation</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-valoracion field--type-decimal field--label-inline clearfix"> <div class="field__label">Valoración</div> <div content="4.5" class="field__item">4.50/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/101" hreflang="es">Integrada</a></div> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>La <strong>tablas</strong> (<strong>tables</strong> en inglés) nos permiten mostrar información de forma tabular. Su panel de campos es muy simple:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/table_01.jpg"><img alt="Panel de campos de Table (tabla)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-03f741ca-edc7-4d25-9f23-ef5d11465a60" data-insert-attach="{&quot;id&quot;: &quot;03f741ca-edc7-4d25-9f23-ef5d11465a60&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-09/table_01.jpg" /></a> <p>...apenas un campo ("<em>Valores</em>") al que llevar aquellos campos o medidas de nuestro modelo de datos que queremos que formen las columnas de la tabla (lógicamente admite más de un campo o medida).</p> <p>Por ejemplo, llevemos a <em>Valores</em> el campo <em>Country</em> (país en el que se realiza la venta) y las medidas <em>Sales</em> (suma de importes de venta) y <em>Units</em> (suma de unidades involucradas en cada venta):</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/table_02.jpg"><img alt="Panel de campos de Table (tabla)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-81fc9d93-fa7a-428b-b03b-be28a16949ad" data-insert-attach="{&quot;id&quot;: &quot;81fc9d93-fa7a-428b-b03b-be28a16949ad&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-09/table_02.jpg" /></a> <p>La tabla muestra el siguiente aspecto:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/table_03.jpg"><img alt="Table (tabla)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-d6a77e89-8ae0-4fae-a269-4195d463206e" data-insert-attach="{&quot;id&quot;: &quot;d6a77e89-8ae0-4fae-a269-4195d463206e&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-09/table_03.jpg" /></a> <p>Las columnas de las tablas son ajustables en anchura. Para ello podemos situar el cursor en el extremo derecho de la cabecera de una columna y pinchar y arrastrar. O situar el cursor en ese extremo derecho y hacer un doble clic para que el ancho se ajuste automáticamente de forma que se asegure que todos los valores de dicha columna son completamente visibles.</p> <p>También es posible ordenar las columnas (de mayor a menor o viceversa, de A a la Z o viceversa, etc.) simplemente haciendo clic en la cabecera de las columnas. El orden vendrá indicado por un triángulo negro apuntando de arriba abajo o viceversa:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/table_04.jpg"><img alt="Table (tabla)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-ae1ff6a9-9468-4fcc-80bd-5e2dfc67b301" data-insert-attach="{&quot;id&quot;: &quot;ae1ff6a9-9468-4fcc-80bd-5e2dfc67b301&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-09/table_04.jpg" /></a> <p>También podemos hacer clic en los tres puntos que se muestran en la esquina superior derecha de la visualización para escoger el campo por el que queremos que se ordenen las filas de la tabla (y su orden, ascendente o descendente):</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/table_05.jpg"><img alt="Table (tabla)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-257accdd-a1a8-413a-9fea-c6fd645e3271" data-insert-attach="{&quot;id&quot;: &quot;257accdd-a1a8-413a-9fea-c6fd645e3271&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-09/table_05.jpg" /></a> <p>Si se incluyen en esta visualización campos numéricos, se mostrará el total en la base de la columna (estos totales pueden deshabilitarse en el área de formato de la visualización: <em>Formato &gt; Total &gt; Totales</em>). La fila en la que se muestran estos totales -y los encabezados- permanecen siempre visibles aun cuando hagamos uso de la barra de desplazamiento vertical o redimensionemos la visualización.</p> <p>Este total es el resultado de la medida (si lo que hemos llevado a <em>Valores</em> es un objeto de este tipo) o el resultado de aplicar una función de agregación que podemos escoger (si se trata de un campo).</p> <p>Es posible aplicar a estas medidas y campos numéricos un formato condicional. Para ello hacemos clic en el triángulo invertido que se muestra a la derecha del nombre de dicho campo, seleccionamos <em>Formato condicional</em> y, a continuación, el tipo de formato deseado:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/table_06.jpg"><img alt="Table (tabla) - Formato condicional" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-b1aa361f-663a-4d5f-8ad9-a48d4529ae7c" data-insert-attach="{&quot;id&quot;: &quot;b1aa361f-663a-4d5f-8ad9-a48d4529ae7c&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-09/table_06.jpg" /></a> <p>Estas opciones de formato personalizado nos permiten modificar el color de fondo, el color de la fuente, añadir barras de datos así como iconos en función del valor que adopte algún campo (no tiene por qué ser necesariamente el valor del campo sobre el que estamos aplicando el formato condicional). Por ejemplo, si seleccionamos la opción <em>Color de fondo</em>, se nos muestra la siguiente ventana:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/table_07.jpg"><img alt="Table (tabla) - Formato condicional. Color de fondo" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-ce77ae7b-2434-4dfc-b80a-0bf1075fd44f" data-insert-attach="{&quot;id&quot;: &quot;ce77ae7b-2434-4dfc-b80a-0bf1075fd44f&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-09/table_07.jpg" /></a> <p>En la parte superior de esta ventana se nos permite escoger el criterio:</p> <ul><li><strong>Escala de colores</strong>: Podemos escoger los valores más bajo y más alto (para un cierto campo o medida), y los colores asociados (podemos también seleccionar la opción divergente para añadir un valor y un color intermedio). Esta opción es la mostrada en la imagen anterior.</li> <li><strong>Reglas</strong>: Con esta opción podemos especificar reglas cuyo cumplimiento se reflejará en la tabla mostrándose el fondo de la celda con el color escogido:</li> </ul><a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/table_08.jpg"><img alt="Table (tabla) - Formato condicional. Color de fondo" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-d44acff8-b382-4159-943e-6ce92bc9a299" data-insert-attach="{&quot;id&quot;: &quot;d44acff8-b382-4159-943e-6ce92bc9a299&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-09/table_08.jpg" /></a> <ul><li><strong>Valor de campo</strong>: En esta tercera opción, se espera que el campo o medida escogida devuelva un color (es decir, que el campo o medida contenga valores del tipo "red", "blue"... o colores definidos por un valor hexadecimal como "#ff553c" o semejante):</li> </ul><a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/table_09.jpg"><img alt="Table (tabla) - Formato condicional. Color de fondo" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-7fa04c13-96a4-48de-b147-cf47a07c14ed" data-insert-attach="{&quot;id&quot;: &quot;7fa04c13-96a4-48de-b147-cf47a07c14ed&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-09/table_09.jpg" /></a> <p>Si, por ejemplo, seleccionamos la primera opción (<em>Escala de colores</em>) y dejamos las opciones por defecto, la visualización mostrará el siguiente aspecto:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/table_10.jpg"><img alt="Table (tabla) - Formato condicional" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-d1df41d9-c875-4af7-b307-5f6c14af3c80" data-insert-attach="{&quot;id&quot;: &quot;d1df41d9-c875-4af7-b307-5f6c14af3c80&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-09/table_10.jpg" /></a> <p>Es posible eliminar el formato condicional haciendo clic nuevamente en el triangulito invertido que se muestra a la derecha del nombre del campo y seleccionando <em>Quitar el formato condicional</em>. Como puede apreciarse en la siguiente imagen podemos eliminar todos los formatos condicionales que existan o un tipo concreto:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/table_11.jpg"><img alt="Table (tabla) - Eliminación del formato condicional" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-a1d85f46-c8aa-4e37-a591-45cc067ae271" data-insert-attach="{&quot;id&quot;: &quot;a1d85f46-c8aa-4e37-a591-45cc067ae271&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-09/table_11.jpg" /></a> <p>El formato condicional que permite modificar el color de la fuente muestra opciones semejantes a las vistas.</p> <p>La opción de aplicar <em>barras de datos</em>, por el contrario, nos permite únicamente definir el valor más bajo y más alto a considerar, así como escoger los colores de las barras y la dirección de éstas:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/table_12.jpg"><img alt="Table (tabla) - Formato condicional. Barras de datos" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-b45c6a88-11de-4bfd-8a74-bad042736451" data-insert-attach="{&quot;id&quot;: &quot;b45c6a88-11de-4bfd-8a74-bad042736451&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-09/table_12.jpg" /></a> <p>Si, en este ejemplo, aceptamos las opciones por defecto, la visualización mostrará el siguiente aspecto:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/table_13.jpg"><img alt="Table (tabla) - Formato condicional. Barras de datos" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-3d693e43-1ffc-414f-aceb-57ee4b9ed509" data-insert-attach="{&quot;id&quot;: &quot;3d693e43-1ffc-414f-aceb-57ee4b9ed509&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-09/table_13.jpg" /></a> <p>Por último, la opción de mostrar <em>iconos</em> nos permite mostrar un icono en cada celda según dos posibles criterios: aplicando <em>reglas</em> o según <em>valores de campo</em> (ambas opciones ya han sido comentadas):</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/table_14.jpg"><img alt="Table (tabla) - Formato condicional. Iconos" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-621364fc-3637-48f4-a326-6ee3495b5f1f" data-insert-attach="{&quot;id&quot;: &quot;621364fc-3637-48f4-a326-6ee3495b5f1f&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-09/table_14.jpg" /></a> <p>Además de varias otras opciones, podemos escoger el estilo de los iconos:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/table_15.jpg"><img alt="Table (tabla) - Formato condicional. Iconos. Estilos disponibles" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-edcb92ab-92ec-4804-bd51-bc103329e5df" data-insert-attach="{&quot;id&quot;: &quot;edcb92ab-92ec-4804-bd51-bc103329e5df&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-09/table_15.jpg" /></a> <p>Por ejemplo, si escogemos la medida <em>Sales</em> en la opción "<em>Según el campo</em>" que se muestra en la parte superior de la ventana, el resultado es el siguiente:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/table_16.jpg"><img alt="Table (tabla) - Formato condicional. Iconos" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-d1bfaaad-32a5-49aa-aa73-98b46138c1b9" data-insert-attach="{&quot;id&quot;: &quot;d1bfaaad-32a5-49aa-aa73-98b46138c1b9&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-09/table_16.jpg" /></a> <p>La visualización ofrece gran cantidad de opciones de personalización: para la cuadrícula (<em>Formato &gt; Cuadrícula</em>) -activación o desactivación de las líneas verticales y horizontales que definen las celdas, colores por defecto de filas y columnas...-, encabezados de columna (color, familia de fuente, tamaño...), colores por defecto de la fuente y fondos a usar, formato de los totales, formato de cada uno de los campos que se hayan llevado a la tabla (color de fuente, del fondo, alineación, tipo de unidades a usar y número de decimales -solo para campos numéricos-...</p> <p>Se trata de una visualización muy completa y personalizable.</p> </div> Sat, 14 Sep 2019 08:57:34 +0000 admin 1376 at https://interactivechaos.ovh Slicer (Segmentación de datos) https://interactivechaos.ovh/es/powerbi/visual/slicer-segmentacion-de-datos <span class="field field--name-title field--type-string field--label-hidden">Slicer (Segmentación de datos)</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, 13/09/2019 - 12:00</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/99" hreflang="es">Microsoft Corporation</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-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/101" hreflang="es">Integrada</a></div> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Las <strong>segmentaciones</strong> o <strong>slicers</strong> son una de las visualizaciones que más prácticas resultan pues permiten al usuario de nuestro informe (seamos nosotros o no) segmentar los datos del informe según el criterio controlado por la segmentación. Su panel de campos es sumamente simple:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/slicer_01.jpg"><img alt="Panel de campos de Slicer (Segmentación de datos)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-9874a217-43c5-4763-b440-89b4e7edbdca" data-insert-attach="{&quot;id&quot;: &quot;9874a217-43c5-4763-b440-89b4e7edbdca&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-09/slicer_01.jpg" /></a> <p>El único campo disponible (cuyo nombre es <em>Campo</em>), recibirá el campo (no se aceptan medidas) por cuyos valores se desea segmentar la información mostrada en el informe.</p> <p>Por ejemplo, creemos una visualización de este tipo y llevemos el campo <i>Country </i>de nuestro modelo de datos al campo mencionado en esta visualización. Por defecto nos muestra un listado de los distintos valores que toma dicho campo, junto a casillas de selección que nos permiten seleccionar la opción que nos interesa (para visualizar mejor el efecto de la segmentación se incluye un mapa a su derecha mostrando las ventas por país):</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/slicer_02.jpg"><img alt="Slicer (Segmentación de datos)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-bcd73194-6cd2-45a9-8c38-a350b630e3c7" data-insert-attach="{&quot;id&quot;: &quot;bcd73194-6cd2-45a9-8c38-a350b630e3c7&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-09/slicer_02.jpg" /></a> <p>Vemos que se incluye una opción "(En blanco)" aun cuando no hay ventas que no tengan un país asociado.</p> <p>Con un clic en alguna de las casillas de selección seleccionamos la opción que corresponda (y solo esa). Es decir, por defecto solo se admite una casilla seleccionada:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/slicer_03.jpg"><img alt="Slicer (Segmentación de datos)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-ab04bf9e-344c-43d1-bbbe-b1953b897e68" data-insert-attach="{&quot;id&quot;: &quot;ab04bf9e-344c-43d1-bbbe-b1953b897e68&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-09/slicer_03.jpg" /></a> <p>Podemos presionar la tecla <em>Control</em> mientras seleccionamos una opción para añadirla a la que ya exista. Otra forma de permitir selecciones múltiples es activar la opción Formato &gt; Controles de selección &gt; Selección única:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/slicer_04.jpg"><img alt="Slicer (Segmentación de datos)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-c09e77ca-4704-43a9-a164-23940204c628" data-insert-attach="{&quot;id&quot;: &quot;c09e77ca-4704-43a9-a164-23940204c628&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-09/slicer_04.jpg" /></a> <p>En este caso, al haber seleccionado explícitamente los países que nos interesan, si en una actualización de los datos se añadiese un nuevo país, por defecto éste no se incluiría en la selección.</p> <p>También podemos activar la opción de <em>Mostrar opción "Seleccionar todo"</em> en <em>Formato &gt; Controles de selección,</em> en cuyo caso se mostrará también esta opción en el listado anterior:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/slicer_05.jpg"><img alt="Slicer (Segmentación de datos)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-fff5203a-6bc9-4c69-8287-11763977fcec" data-insert-attach="{&quot;id&quot;: &quot;fff5203a-6bc9-4c69-8287-11763977fcec&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-09/slicer_05.jpg" /></a> <p>Si hacemos clic en esta opción se seleccionan todas las demás, y la opción de "<em>Seleccionar todo</em>" queda marcada con un punto indicando que, a partir de ese momento, estamos aplicando un filtro negativo:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/slicer_06.jpg"><img alt="Slicer (Segmentación de datos)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-89fa48cc-ed58-4da6-8261-9196f2c038a9" data-insert-attach="{&quot;id&quot;: &quot;89fa48cc-ed58-4da6-8261-9196f2c038a9&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-09/slicer_06.jpg" /></a> <p>Ahora, un clic en alguna de las restantes opciones la elimina del conjunto de valores seleccionados:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/slicer_07.jpg"><img alt="Slicer (Segmentación de datos)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-b3ed14f9-1507-4558-be80-7e904e9bbc07" data-insert-attach="{&quot;id&quot;: &quot;b3ed14f9-1507-4558-be80-7e904e9bbc07&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-09/slicer_07.jpg" /></a> <p>Esto supone, por ejemplo, que si en una actualización de datos se añadiese un nuevo país, éste sí se seleccionaría por defecto (la segmentación anterior puede interpretarse como "selecciona todos los países menos Italia").</p> <p>Un clic en el icono <em>Borrar selecciones</em> que se muestra en la parte superior de la visualización deselecciona todo (lo que supone que no se aplique ningún filtro a los países):</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/slicer_08.jpg"><img alt="Slicer (Segmentación de datos)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-ef19c871-5a72-4585-b392-d2ea3860921c" data-insert-attach="{&quot;id&quot;: &quot;ef19c871-5a72-4585-b392-d2ea3860921c&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-09/slicer_08.jpg" /></a> <p>A la derecha del icono anterior se muestra otro con aspecto de triángulo invertido, que nos permite modificar el tipo de interfaz mostrada por la visualización:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/slicer_09.jpg"><img alt="Slicer (Segmentación de datos)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-e4e785ae-027c-4da8-bc37-3590a902b218" data-insert-attach="{&quot;id&quot;: &quot;e4e785ae-027c-4da8-bc37-3590a902b218&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-09/slicer_09.jpg" /></a> <p>Por defecto, la visualización muestra una interfaz tipo <em>Lista</em>. Si la cambiamos a <em>Menú desplegable</em> mostrará el siguiente aspecto:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/slicer_10.jpg"><img alt="Slicer (Segmentación de datos)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-267b5ff1-45ce-4fea-bb72-8f87c3bab6f2" data-insert-attach="{&quot;id&quot;: &quot;267b5ff1-45ce-4fea-bb72-8f87c3bab6f2&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-09/slicer_10.jpg" /></a> <p>Un clic en el texto <em>Todas</em> o en el triángulo invertido mostrado abrirá un menú con el listado de opciones.</p> <p>Si hacemos clic en los tres puntos que se muestran en el extremo superior de la visualización se muestran opciones adicionales:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/slicer_11.jpg"><img alt="Slicer (Segmentación de datos)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-5fa586c2-0ac7-47ed-be39-ba7617e3990a" data-insert-attach="{&quot;id&quot;: &quot;5fa586c2-0ac7-47ed-be39-ba7617e3990a&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-09/slicer_11.jpg" /></a> <p>Así, si seleccionamos la opción Buscar veremos cómo se muestra en la parte superior del listado de países un campo de búsqueda, vacío por defecto. A medida que escribamos cualquier texto en este campo, las opciones incluidas en el listado se irán filtrando para mostrar solo aquellas que incluyan el texto introducido, lo que resulta muy útil en el caso de que tengamos un listado de valores especialmente largo:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/slicer_12.jpg"><img alt="Slicer (Segmentación de datos)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-cd1f6586-6b0c-4715-a35b-79a52be88871" data-insert-attach="{&quot;id&quot;: &quot;cd1f6586-6b0c-4715-a35b-79a52be88871&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-09/slicer_12.jpg" /></a> <p>Un nuevo clic en los tres puntos y otro en <em>Buscar</em> oculta el campo de búsqueda.</p> <p>Una opción muy útil es la de seleccionar la "orientación" de nuestra visualización, opción que podemos encontrar en <em>Formato &gt; General &gt; Orientación</em>. La opción por defecto es <em>Vertical</em>:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/slicer_13.jpg"><img alt="Panel de formato de Slicer (Segmentación de datos)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-0823cd3c-18b3-4d12-b8ff-2d38c27c9f6c" data-insert-attach="{&quot;id&quot;: &quot;0823cd3c-18b3-4d12-b8ff-2d38c27c9f6c&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-09/slicer_13.jpg" /></a> <p>Hay que comentar que el nombre de esta opción no está nada bien escogido: "<em>Vertical</em>" quiere decir en realidad que el listado se va a mostrar en vertical y no se va a adaptar al tamaño de la visualización. La opción "<em>Horizontal</em>", por el contrario, significa que el listado se mostrará como un panel de botones en vertical o en horizontal en función del tamaño de la visualización. Por ejemplo, seleccionemos esta opción ("<em>Horizontal</em>") y estiremos la visualización hacia abajo (para hacerla muy alta y con el mismo ancho que tenía). Las opciones se muestran como botones en vertical, y un clic en uno de los botones lo selecciona, tal y como ocurría antes:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/slicer_14.jpg"><img alt="Slicer (Segmentación de datos)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-2c9686b7-ebaa-440b-a0d4-02962a4ef986" data-insert-attach="{&quot;id&quot;: &quot;2c9686b7-ebaa-440b-a0d4-02962a4ef986&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-09/slicer_14.jpg" /></a> <p>Estaremos de acuerdo en que este formato no tiene mucho de "horizontal"...</p> <p>Ahora, si ahora redimensionamos la visualización para que sea muy ancho y poco alta, el resultado es el siguiente:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/slicer_15.jpg"><img alt="Slicer (Segmentación de datos)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-7b27c809-e40b-4c85-8e5f-f46c64501392" data-insert-attach="{&quot;id&quot;: &quot;7b27c809-e40b-4c85-8e5f-f46c64501392&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-09/slicer_15.jpg" /></a> <p>Es posible personalizar los colores de los botones y del texto que se muestra en ellos en <em>Formato &gt; Elementos</em>:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/slicer_17.jpg"><img alt="Slicer (Segmentación de datos)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-b0322380-525a-4fcc-b619-b943c06aac89" data-insert-attach="{&quot;id&quot;: &quot;b0322380-525a-4fcc-b619-b943c06aac89&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-09/slicer_17.jpg" /></a> <p>En la imagen anterior también se ha eliminado el texto ("<em>Country</em>") que se muestra por defecto en la esquina superior izquierda de la visualización (<em>Formato &gt; Encabezado de segmentación</em>).</p> <p>Con independencia del nombre de esta opción, resulta extremadamente útil y atractiva para crear menús que permitan al usuario del informe la fácil segmentación de los datos.</p> <p>En el caso de que el campo a utilizar en la segmentación sea un campo de tipo fecha, las opciones aumentan. Por defecto se muestra en el lienzo una segmentación de tipo <em>slider</em>, que nos permite pinchar y arrastrar cualquiera de los dos extremos con el objetivo de especificar la primera y última fecha a incluir en el informe: </p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/slicer_18.jpg"><img alt="Slicer (Segmentación de datos)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-8df18089-cace-440d-b94f-7e9af181936e" data-insert-attach="{&quot;id&quot;: &quot;8df18089-cace-440d-b94f-7e9af181936e&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-09/slicer_18.jpg" /></a> <p>Al hacer clic en alguno de los dos recuadros que indican la fecha seleccionada, se abre un calendario que nos permite buscar cómodamente la fecha de interés:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/slicer_19.jpg"><img alt="Slicer (Segmentación de datos)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-ea90261b-6fa8-4014-a6ff-d8a197c32b38" data-insert-attach="{&quot;id&quot;: &quot;ea90261b-6fa8-4014-a6ff-d8a197c32b38&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-09/slicer_19.jpg" /></a> <p> Un clic en la etiqueta del mes o del año nos abre un listado vertical que nos permite desplazarnos rápidamente por el calendario:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/slicer_20.jpg"><img alt="Slicer (Segmentación de datos)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-ec00b272-7573-44ab-ae14-4415dd0f9194" data-insert-attach="{&quot;id&quot;: &quot;ec00b272-7573-44ab-ae14-4415dd0f9194&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-09/slicer_20.jpg" /></a> <p>También es posible escribir directamente la fecha de interés en los recuadros comentados.</p> <p>Se ha comentado que, por defecto, la visualización muestra una segmentación tipo <em>slider</em>. Pues bien, un clic en el icono con forma de triángulo invertido que se muestra en la esquina superior derecha de la visualización nos muestra el resto de opciones disponibles:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/slicer_21.jpg"><img alt="Slicer (Segmentación de datos)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-dbb3bb35-e14a-4815-80e8-ac448247c69e" data-insert-attach="{&quot;id&quot;: &quot;dbb3bb35-e14a-4815-80e8-ac448247c69e&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-09/slicer_21.jpg" /></a> <p>El nombre de la opción por defecto es <em>Entre</em>, pero podemos escoger la opción <em>Anterior a</em>, que nos permitirá escoger únicamente una fecha, seleccionando todas las anteriores, <em>Posterior a</em>, semejante a la anterior, <em>Lista</em>, mostrando un listado de fechas:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/slicer_22.jpg"><img alt="Slicer (Segmentación de datos)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-a9dbe2a0-4b7e-4d23-a251-fb84b7a6aa91" data-insert-attach="{&quot;id&quot;: &quot;a9dbe2a0-4b7e-4d23-a251-fb84b7a6aa91&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-09/slicer_22.jpg" /></a> <p>...<em>Menú desplegable</em>, semejante a la opción anterior pero en la que el listado de fechas se muestra como un menú que se abre al hacer clic en la visualización, y <em>Relativa</em>, opción muy útil que nos permite seleccionar fechas relativas a "algo". Ese "algo" puede ser el último período de tiempo, el siguiente o el actual, y una vez determinado este período de referencia, podemos escoger los N períodos que nos interesen, ya sean días, meses, años...:</p> <p><a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/slicer_23.jpg"><img alt="Slicer (Segmentación de datos)" class="image-colorbox__max_800_px" data-entity-type="file" data-entity-uuid="insert-max_800_px-e0f02db1-eb13-4793-a9db-95aafbc3536a" data-insert-attach="{&quot;id&quot;: &quot;e0f02db1-eb13-4793-a9db-95aafbc3536a&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-09/slicer_23.jpg" /></a></p> <p>Si el campo que llevamos a la segmentación es de tipo numérico, se nos muestra una interfaz semejante a la de las fechas. En la siguiente imagen, por ejemplo, se ha llevado al campo <em>Campos</em> de la visualización el campo <em>Amount</em> que define el montante de cada venta:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/slicer_24.jpg"><img alt="Slicer (Segmentación de datos)" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-6a9534fb-cbc1-41e9-8fbf-1d0859925b93" data-insert-attach="{&quot;id&quot;: &quot;6a9534fb-cbc1-41e9-8fbf-1d0859925b93&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-09/slicer_24.jpg" /></a> <p>Al igual que con las fechas, podemos pinchar y arrastrar los extremos para limitar los valores incluidos en la selección, escribir directamente la cifra en el recuadro, hacer clic en el icono con forma de triángulo invertido que se muestra en la esquina superior derecha para visualizar otras opciones disponibles (<em>Entre</em>, <em>Menor o igual que</em>, etc.).</p> <p>En función del campo que se esté utilizando para la segmentación (si es numérico o categórico) la visualización nos ofrece ciertas opciones adicionales para personalizar la visualización (colores, etc.).</p> <p>En resumen, se trata de una visualización extremadamente útil y muy versátil.</p> </div> Fri, 13 Sep 2019 10:00:24 +0000 admin 1374 at https://interactivechaos.ovh KPI https://interactivechaos.ovh/es/powerbi/visual/kpi <span class="field field--name-title field--type-string field--label-hidden">KPI</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, 13/09/2019 - 10:31</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/99" hreflang="es">Microsoft Corporation</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-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/101" hreflang="es">Integrada</a></div> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>El <strong>KPI</strong> o <strong>indicador</strong> es perfecto cuando queremos mostrar y destacar una cifra, pero referenciándola a los valores históricos de la misma. El panel de campos de esta visualización es el siguiente:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/kpi_01.jpg"><img alt="Panel de campos de KPI" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-5b8ca6ac-d74d-4b13-8154-cb45e47c31ad" data-insert-attach="{&quot;id&quot;: &quot;5b8ca6ac-d74d-4b13-8154-cb45e47c31ad&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-09/kpi_01.jpg" /></a> <p>En este tipo de visualizaciones trabajamos con una medida o campo del que extraer un valor numérico (tras aplicarle una operación de agregación), el criterio para establecer la referencia (que, como se ha comentado, típicamente será un criterio temporal como "Año", "Mes"...) y, potencialmente, un valor objetivo con el que comparar el valor mostrado.</p> <ul><li>Campo "<em>Indicador</em>": recibirá el campo del que extraer el valor numérico a mostrar. Solo admite uno.</li> <li>Campo "<em>Eje de tendencia</em>": recibirá el campo que representará el criterio histórico con el que comparar el valor. Solo admite uno.</li> <li>Campo "<em>Objetivos de destino</em>": recibirá el campo del que extraer el valor objetivo. Admite un máximo de dos campos.</li> </ul><p>Llevemos, por ejemplo, nuestra medida <em>Sales</em> (medida que contiene la suma de los importes de venta) al campo <em>Indicador</em> de la visualización, y el campo <em>Año</em> de nuestro calendario al campo <em>Eje de tendencia</em>. La visualización mostrará el siguiente aspecto:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/kpi_02.jpg"><img alt="KPI" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-1b15988d-8b6e-469f-badf-b7935b16550d" data-insert-attach="{&quot;id&quot;: &quot;1b15988d-8b6e-469f-badf-b7935b16550d&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-09/kpi_02.jpg" /></a> <p>En el centro se muestra el valor resultante de calcular la medida <em>Sales</em> en el contexto actual y, de fondo, la misma medida segmentada por años, mostrada con aspecto de gráfico de áreas. Es posible modificar el formato de este número en <em>Formato &gt; Indicador</em> (podemos escoger las unidades, el número de decimales y el tamaño de la fuente).</p> <p>Obsérvese que este gráfico de áreas no tiene como base el valor cero para el eje vertical. Si llevamos a una tabla las ventas por año:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/kpi_03.jpg"><img alt="KPI" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-833f2762-8cf8-4c06-a994-2a7289230eb8" data-insert-attach="{&quot;id&quot;: &quot;833f2762-8cf8-4c06-a994-2a7289230eb8&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-09/kpi_03.jpg" /></a> <p>...comprobamos que el valor para el 2017 (1.3 millones) es el mínimo de la serie, y que la gráfica de áreas representa dicho valor en la base del eje vertical.</p> <p>Si, en lugar del campo <em>Año</em>, llevamos al campo <em>Eje de tendencia</em> el campo <em>Date</em>, campo que contiene la fecha de cada venta, la visualización muestra las ventas por día (difícilmente interpretable):</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/kpi_04.jpg"><img alt="KPI" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-4383749d-05ec-4f1e-80e2-0f08262e4e2f" data-insert-attach="{&quot;id&quot;: &quot;4383749d-05ec-4f1e-80e2-0f08262e4e2f&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-09/kpi_04.jpg" /></a> <p>En estas circunstancias, el campo <em>Date</em> en cuestión no es interpretado como jerarquía:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/kpi_05.jpg"><img alt="KPI" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-409ffccc-5b28-4bad-a212-3f1ec091057c" data-insert-attach="{&quot;id&quot;: &quot;409ffccc-5b28-4bad-a212-3f1ec091057c&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-09/kpi_05.jpg" /></a> <p>Pero si lo cambiamos a tipo "Jerarquía de fechas", la visualización muestra las ventas por año y no permite modificar su granularidad. Esto supone que si deseamos mostrar, por ejemplo, las ventas por mes (para un año específico), deberemos llevar el campo <em>Mes</em> a <em>Eje de tendencia</em> y filtrar adecuadamente el año (ya sea en la propia visualización, en el informe, etc.).</p> <p>Si ahora llevamos un campo de nuestro modelo de datos (y seleccionamos una función de agregación) o una medida al campo <em>Objetivos de destino</em> de la visualización, el color del área mostrada detrás de nuestra cifra de venta se modificará, mostrándose en verde si nuestra cifra ha superado o iguala el objetivo, o en rojo si no lo ha hecho. Por ejemplo, en nuestro caso la cifra de ventas es de poco más de 2 millones de euros. Si llevamos a <em>Objetivos de destino</em> una sencilla medida que simplemente devuelva el valor 1.800.000, la visualización muestra el siguiente aspecto:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/kpi_06.jpg"><img alt="KPI" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-0aae3884-2e7c-44a3-a6d8-ed33f734263a" data-insert-attach="{&quot;id&quot;: &quot;0aae3884-2e7c-44a3-a6d8-ed33f734263a&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-09/kpi_06.jpg" /></a> <p>Por el contrario, si esta última medida devuelve una cifra mayor que nuestras ventas actuales, por ejemplo, 3.000.000, el área se muestra en rojo:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/kpi_07.jpg"><img alt="KPI" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-eb9fe5c2-4266-422c-a208-b7265150d730" data-insert-attach="{&quot;id&quot;: &quot;eb9fe5c2-4266-422c-a208-b7265150d730&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-09/kpi_07.jpg" /></a> <p>Vemos que no solo se modifica el color del área, sino también el color de la fuente en la que se muestra nuestro valor actual.</p> <p>Estos colores son personalizables en <em>Formato &gt; Codificación del color</em>, pudiendo además especificar si una cifra más alta que el objetivo es mejor o peor:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/kpi_08.jpg"><img alt="Panel de formato de KPI" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-9b66d42c-34ff-4eda-997a-1dcb59e00f18" data-insert-attach="{&quot;id&quot;: &quot;9b66d42c-34ff-4eda-997a-1dcb59e00f18&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-09/kpi_08.jpg" /></a> <p>Vemos en las imágenes anteriores que la cifra objetivo se muestra debajo de nuestra cifra actual, incluyendo la diferencia porcentual entre ambos valores. El formato de la cifra objetivo no puede personalizarse a través de la visualización. No podemos, por ejemplo, modificar su tamaño. Sí podemos añadir, por ejemplo separador de miles, aunque deberemos hacerlo usando la herramienta de formato de Power BI (<em>Cinta de opciones &gt; Modelado &gt; Formato</em>).</p> <p>El campo <em>Objetivo de destino</em> de la visualización admite más de un campo o medidas de nuestro modelo de datos, modificándose ligeramente el comportamiento de la visualización. Para verlo, definamos otra medida que devuelva el valor mínimo de ventas objetivo:</p> <div class="codigo"> <p>Minimum Sales = 1500000</p> </div> <p>...y llevémosla por debajo de la medida <em>Sales objective</em> que ya teníamos en <em>Objetivo de destino</em>:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/kpi_09.jpg"><img alt="KPI" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-333aaa03-824d-4ece-85d0-c7f40c2e4e4f" data-insert-attach="{&quot;id&quot;: &quot;333aaa03-824d-4ece-85d0-c7f40c2e4e4f&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-09/kpi_09.jpg" /></a> <p>Ahora le estamos dando a la visualización dos objetivos, y el color a mostrar dependerá de si se cumplen ambos, ninguno o uno solo. En nuestro ejemplo, con ventas de poco más de 2 millones de euros, no superamos la cifra devuelva por la medida <em>Sales objective</em> (3 millones), pero sí superamos la devuelta por <em>Minimum Sales</em> (un millón y medio), por lo que la visualización se muestra en color amarillo:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/kpi_10.jpg"><img alt="KPI" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-64447f03-8bed-4202-bc70-bf86ca81bcd9" data-insert-attach="{&quot;id&quot;: &quot;64447f03-8bed-4202-bc70-bf86ca81bcd9&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-09/kpi_10.jpg" /></a> <p>Comprobamos que se muestran ambas cifras objetivo debajo de nuestra cifra actual pero se oculta el porcentaje que supone nuestra cifra actual con respecto a ellas.</p> <p>Si se superasen ambas cifras la visualización se mostraría en verde, y si no se superase ninguna, se mostraría en rojo, como ya hemos visto.</p> <p>Esta visualización no muestra la clásica ventana emergente con la información asociada cuando movemos el cursor por encima de ella.</p> <p>La visualización permite alguna personalización adicional: inhabilitar el eje de tendencia (con lo que no se mostraría el gráfico de áreas), así como ocultar las cifras objetivo o el porcentaje que supone la cifra actual con respecto al objetivo.</p> </div> Fri, 13 Sep 2019 08:31:38 +0000 admin 1373 at https://interactivechaos.ovh Multi-row card (tarjeta de varias filas) https://interactivechaos.ovh/es/powerbi/visual/multi-row-card-tarjeta-de-varias-filas <span class="field field--name-title field--type-string field--label-hidden">Multi-row card (tarjeta de varias filas)</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">Jue, 12/09/2019 - 10:25</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/99" hreflang="es">Microsoft Corporation</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-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/101" hreflang="es">Integrada</a></div> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>La <strong>tarjeta de varias filas</strong> o <strong>Multi-row card</strong> es de utilidad cuando queremos mostrar un conjunto de cifras independientes de cualquier otra referencia. Su panel de campos es tan sencillo como el de la visualización tipo <a href="/powerbi/visual/card-tarjeta">tarjeta</a>:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/multirowcard_01.jpg"><img alt="Panel de campos de Multi-row card" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-6df4baad-3eb1-4acf-8f4b-93e98ab28b79" data-insert-attach="{&quot;id&quot;: &quot;6df4baad-3eb1-4acf-8f4b-93e98ab28b79&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-09/multirowcard_01.jpg" /></a> <p>La visualización solo tiene un campo que aceptará los campos o medidas de nuestro modelo de datos (pueden ser varios) de los que extraer un valor numérico:</p> <ul><li>Campo “<em>Campos</em>”: recibe los campos y medidas cuyos valores numéricos queremos representar.</li> </ul><p>Por ejemplo, si llevamos a la visualización las medidas <em>Sales</em> y <em>Margin</em>, el resultado es el siguiente:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/multirowcard_02.jpg"><img alt="Multi-row card" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-33c259c1-03af-4f81-985b-76f497b7ad13" data-insert-attach="{&quot;id&quot;: &quot;33c259c1-03af-4f81-985b-76f497b7ad13&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-09/multirowcard_02.jpg" /></a> <p>En el caso de tratarse de medidas, se calcularán y se mostrará el valor resultante. Si se trata de campos numéricos, se les aplicará una función de agregación que podemos escoger. En la siguiente imagen, por ejemplo, se ha llevado el campo <em>Units</em> de la tabla <em>Sales</em> que contiene el número de unidades implicadas en cada operación de venta. Puede verse que disponemos de varias funciones de agregación entre las que escoger:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/multirowcard_03.jpg"><img alt="Multi-row card: Funciones de agregación" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-af0cdc4b-40eb-4cf6-be19-230ab780e7e8" data-insert-attach="{&quot;id&quot;: &quot;af0cdc4b-40eb-4cf6-be19-230ab780e7e8&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-09/multirowcard_03.jpg" /></a> <p>En esta visualización, el formato de los valores numéricos es automático y no puede personalizarse, lo que limita un poco su utilidad.</p> <p>Podemos añadir texto al valor a mostrar creando una medida calculada como el resultado de la concatenación del texto que nos interese y de la fórmula cuyo resultado queramos mostrar. Esta medida deberá ser cargada en el campo “<em>Campos</em>” de la visualización como cualquier otra. Véase el ejemplo incluido en la visualización <a href="/powerbi/visual/card-tarjeta">Tarjeta</a>.</p> <p>Como se aprecia en la primera imagen mostrada, la visualización incluye una barra vertical a la izquierda de las cifras y etiquetas. Esta barra puede ocultarse o personalizarse (color y grosor). También podemos añadir un marco (pudiendo especificar los laterales en los que se muestra, su color y grosor). En la siguiente imagen se ha modificado la barra para mostrar un grosor de 4 (¿píxels?), color azul oscuro y un marco (llamado "esquema" en el panel de formato) en los cuatro laterales de la visualización:</p> <a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-09/multirowcard_04.jpg"><img alt="Multi-row card" class="image-colorbox__max_800_px align-center" data-entity-type="file" data-entity-uuid="insert-max_800_px-3331b801-abac-4728-a6b1-d2b9655d1467" data-insert-attach="{&quot;id&quot;: &quot;3331b801-abac-4728-a6b1-d2b9655d1467&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-09/multirowcard_04.jpg" /></a> <p>Esta personalización se realiza en <em>Formato &gt; Tarjeta</em>.</p> <p>El "esquema" es independiente del borde que puede mostrarse alrededor de cualquier visualización en Power BI (la única ventaja del esquema es que podemos aplicarlo a los lados que deseemos, mientras que el borde se aplica a los cuatro laterales).</p> <p>Adicionalmente podemos dar formato a las etiquetas de los datos (color, tamaño de fuente y familia) -ya se ha comentado que no se puede especificar el formato numérico-, y a las etiquetas de texto que se muestran debajo de los valores (nuevamente, color, tamaño de fuente y familia).</p> </div> Thu, 12 Sep 2019 08:25:31 +0000 admin 1372 at https://interactivechaos.ovh