Fredrik Hedenström https://interactivechaos.ovh/es es Image Grid https://interactivechaos.ovh/es/powerbi/visual/image-grid <span class="field field--name-title field--type-string field--label-hidden">Image Grid</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/es/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span class="field field--name-created field--type-created field--label-hidden">Vie, 23/08/2019 - 22:02</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/118" hreflang="es">Fredrik Hedenström</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/WA104381355?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.0.1.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-12-11T12:00:00Z" class="datetime">2017-12-11</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><strong>Image Grid</strong> es una original forma de mostrar información cuantitativa relativa a objetos que tengan asociada una imagen. El problema es que las pruebas no parecen indicar que funcione correctamente. Veamos cómo se usa. Su configuración es sumamente simple:</p> <img alt="Configuración de Image Grid" data-entity-type="file" data-entity-uuid="d93505a9-6686-48a7-bd9f-6f464499bbac" src="/sites/default/files/inline-images/image_grid_01.jpg" class="align-center" width="219" height="224" loading="lazy" /><p>Como puede verse, permite trabajar con imágenes que tengan una versión de baja calidad y otra de alta calidad (con usar uno de los dos campos es suficiente), y el campo <em>Value</em> determinará (supuestamente) el tamaño de las imágenes.</p> <p>Realicemos una primera prueba llevando a uno de los dos campos de imágenes las URL's de las banderas de los países en los que estamos vendiendo nuestros productos y a <em>Value</em> la medida <em>Sales</em> que suma las ventas en el contexto actual:</p> <img alt="Image Grid" data-entity-type="file" data-entity-uuid="9d438a6c-de63-4585-924d-9a1b530477d7" src="/sites/default/files/inline-images/image_grid_02_0.jpg" class="align-center" width="548" height="822" loading="lazy" /><p>Por defecto, la visualización da a las banderas tamaños diferentes según "su orden" (criterio por defecto de la visualización). Si este orden viene determinado por la medida llevada a <em>Values</em>, podemos ver en la tabla que se ha añadido al pie de la visualización que el orden de los países según las ventas no coincide con el aplicado en el <em>Image Grid</em>: España debería estar por delante de Francia...</p> <p>La documentación es relativamente clara: "<em>Top list. The size of the images are proportional to the sort order. First in sort order =&gt; largest image.</em>".</p> <p>Y si por "orden" se refiere al orden natural de las imágenes (en este caso orden determinado por la cadena de texto que forma el URL), tampoco es la aplicada en la visualización:</p> <img alt="Image Grid" data-entity-type="file" data-entity-uuid="0523fdaf-cf53-437a-973e-874ac4a3c824" src="/sites/default/files/inline-images/image_grid_04.jpg" class="align-center" /><p>En fin... Este comportamiento (tamaño proporcional al orden) es el que se aplica por defecto, pero puede modificarse en <em>Formato &gt; Settings &gt; Render type</em>: El valor por defecto "<em>Top list circles</em>" es el comentado. La opción de <em>Weighted circles</em> aplica tamaños según el valor asociado:</p> <img alt="Image Grid" data-entity-type="file" data-entity-uuid="59a06457-1966-4793-bba0-e012f318d798" src="/sites/default/files/inline-images/image_grid_03.jpg" class="align-center" /><p>Que sí parece coincidir con la tabla mostrada anteriormente.</p> <p>Hay una tercera opción, <em>Grid</em>, en la que las imágenes se muestran en un grid (cuyo número de columnas es personalizable en <em>Formato &gt; Settings &gt; Maximum Columns (for grid)</em>), ordenadas según el "orden" de las imágenes (lo que provoca las mismas dudas acerca de la interpretación de ese "orden").</p> <p>Hagamos una segunda prueba: Dejando la opción de <em>Weighted circles</em> (se que supone que aplica los tamaños proporcionalmente al valor asociado) cambiemos las imágenes de las banderas por las fotografías de nuestros empleados, y dejemos como valor la medida "<em>Sales</em>" que suma las ventas (en el contexto actual). La visualización muestra lo siguiente:</p> <p><a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-08/image_grid_05.jpg"><img alt="Image Grid" class="image-colorbox__max_800_px" data-entity-type="file" data-entity-uuid="insert-max_800_px-50b37166-f68f-4346-971b-69d81396cf53" data-insert-attach="{&quot;id&quot;: &quot;50b37166-f68f-4346-971b-69d81396cf53&quot;, &quot;attributes&quot;: {&quot;alt&quot;: [&quot;alt&quot;, &quot;description&quot;], &quot;title&quot;: [&quot;title&quot;]}}" data-insert-class="" data-insert-type="image" src="/sites/default/files/styles/max_800_px/public/2019-08/image_grid_05.jpg" /></a></p> <p>Supuestamente, las fotografías de mayor tamaño se corresponden a las de los vendedores con mayores ventas. Solo por curiosidad, creemos una tabla con esta misma información: nombre del empleado, su fotografías y su cifra de ventas, y ordenemos la tabla según este último valor:</p> <p><a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-08/image_grid_06.jpg"><img alt="Image Grid" class="image-colorbox__max_800_px" data-entity-type="file" data-entity-uuid="insert-max_800_px-3770616f-08c8-467a-be12-c3802b5cc2a2" data-insert-attach="{&quot;id&quot;: &quot;3770616f-08c8-467a-be12-c3802b5cc2a2&quot;, &quot;attributes&quot;: {&quot;alt&quot;: [&quot;alt&quot;, &quot;description&quot;], &quot;title&quot;: [&quot;title&quot;]}}" data-insert-class="" data-insert-type="image" src="/sites/default/files/styles/max_800_px/public/2019-08/image_grid_06.jpg" /></a></p> <p>Podemos distinguir en la visualización a "Luis Caballero Romero" en el centro de la misma -aunque no es el empleado con mayores ventas-, pero ¿dónde están los dos primeros? Pues, aunque no lo parezca, han sido relegados a una posición relativamente lejana del centro, con fotografías cuyos tamaños no parecen corresponder a su cifra de ventas:</p> <p><a class="colorbox insert-colorbox" data-colorbox-gallery="gallery-node" data-insert-class="" data-insert-type="image" href="/sites/default/files/2019-08/image_grid_07.jpg"><img alt="Image Grid" class="image-colorbox__max_800_px" data-entity-type="file" data-entity-uuid="insert-max_800_px-53e7232f-ada8-4ba7-ac70-96ba22b7ba00" data-insert-attach="{&quot;id&quot;: &quot;53e7232f-ada8-4ba7-ac70-96ba22b7ba00&quot;, &quot;attributes&quot;: {&quot;alt&quot;: [&quot;alt&quot;, &quot;description&quot;], &quot;title&quot;: [&quot;title&quot;]}}" data-insert-class="" data-insert-type="image" src="/sites/default/files/styles/max_800_px/public/2019-08/image_grid_07.jpg" /></a></p> <p>La cuestión es que la visualización abre tantas dudas sobre su correcto funcionamiento que su uso no parece demasiado recomendable.</p> <p>Al mover el cursor encima de una de las imágenes se amplía, pero en ningún momento ofrece información sobre el valor asociado. Un clic en la imagen, eso sí, filtra el resto de visualizaciones de la página.</p> <p>Si en el futuro se revisa la visualización (la última actualización es de diciembre de 2017), resultará una interesante forma de transmitir información.</p> </div> Fri, 23 Aug 2019 20:02:18 +0000 admin 1333 at https://interactivechaos.ovh Scroller https://interactivechaos.ovh/es/powerbi/visual/scroller <span class="field field--name-title field--type-string field--label-hidden">Scroller</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/es/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span class="field field--name-created field--type-created field--label-hidden">Vie, 23/08/2019 - 13:37</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/118" hreflang="es">Fredrik Hedenström</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/WA104381018?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">2.0.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="2017-05-24T12:00:00Z" class="datetime">2017-05-24</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.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/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 <strong>Scroller</strong> es una original visualización que muestra en un scroll animado etiquetas y valores asociados a éstas de nuestro modelo de datos. La configuración de esta visualización es la mostrada en la siguiente imagen:</p> <img alt="Configuración de Scroller" data-entity-type="file" data-entity-uuid="8081e2a8-b059-4981-b35c-3d4a37c30d7b" src="/sites/default/files/inline-images/scroller_01.jpg" class="align-center" width="218" height="227" loading="lazy" /><p>Llevemos al campo <em>Category</em>, por ejemplo, el campo <em>Country</em> de nuestra tabla de geografía (países en los que se venden nuestros productos), y al campo <em>Measure Absolute</em> el campo que contiene las ventas correspondientes a un cierto período de tiempo:</p> <img alt="Scroller" data-entity-type="file" data-entity-uuid="7948e5bc-59d0-4310-8d62-4ed518624872" src="/sites/default/files/inline-images/scroller_02.jpg" class="align-center" width="720" height="173" loading="lazy" /><p>Los nombres de los países comienzan a aparecer por la derecha de la visualización y a desplazarse hacia la izquierda, mostrando la cifra de ventas en cuestión.</p> <p>Si llevamos al campo <em>Measure Deviation</em> de la visualización una medida con el incremento o decremento de dichas ventas, la visualización muestra, tras las cifras de ventas, un icono indicando si se produjo un aumento o decremento y la variación en sí:</p> <img alt="Scroller" data-entity-type="file" data-entity-uuid="57aabb00-b325-469b-a954-f84d6757af08" src="/sites/default/files/inline-images/scroller_03.jpg" class="align-center" width="721" height="184" loading="lazy" /><p>Al mover el cursor encima de la visualización se detiene el scroll, lo que puede resultar muy útil (aunque más útil sería incluso poder parar y rearrancar el scroll con un clic en la visualización)</p> <p>Es posible configurar el tamaño y características del texto mostrado, la velocidad del scroll... Se permite también fijar un texto que será mostrado en lugar de los textos comentados hasta ahora.</p> <p>Aun cuando los escenarios en los que esta visualización sea más recomendable que gráficas más sencillas pero que muestran todos los datos al mismo tiempo son limitados, resulta una forma muy original de transmitir información.</p> </div> Fri, 23 Aug 2019 11:37:57 +0000 admin 1332 at https://interactivechaos.ovh