# Visualizaciones

Son las representaciones visuales de la información cualitativa de un indicador por medio de la ficha técnica, y de los datos numéricos a través de gráficos y/o tablas.

<div id="bkmrk-" style="padding: 48.13% 0 0 0; position: relative;"><iframe allowfullscreen="allowfullscreen" frameborder="0" height="" src="https://player.vimeo.com/video/841293753?h=63bbc8d74d&autoplay=1&loop=1&title=0&byline=0&portrait=0&muted=1&background=1" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" width=""></iframe>

</div>El sistema ofrece dos tipos de visualizaciones de los indicadores:

**Vista de tarjeta**

Es una pre visualización que muestra el indicador de manera sintética en formato gráfico. Es posible ver para qué años hay datos cargados pero sólo presenta el último disponible.

**Vista expandida**

Es la visualización que muestra el indicador de manera completa, incluyendo gráfico y tabla con todos los recursos de información y funcionalidades que brinda el sistema. Para acceder a la misma en el Visualizador (frontend) del sistema se debe hacer click sobre la vista de tarjeta.

Para cada uno de los tipos de visualizaciones el sistema permite configurarlos de manera separada, y optar por distintos formatos y herramientas.

---

#### Descripción de campos

#### Gráfico

[![grafico](https://grama.ar/documentacion/uploads/images/gallery/2023-06/scaled-1680-/screenshot-388.png)](https://grama.ar/documentacion/uploads/images/gallery/2023-06/screenshot-388.png)

A continuación se describen las funcionalidades y los campos que se emplearán para la configuración del gráfico tanto en la vista de tarjeta como la vista expandida.

<details id="bkmrk-tipo-de-gr%C3%A1fico-se-d"><summary>Tipo de gráfico</summary>

Se debe seleccionar del desplegable el tipo de gráfico que se desea utilizar para visualizar el indicador. El sistema permitirá elegir entre siete opciones: área, área tipo 2, barras, columnas, línea, línea tipo 2 o torta. Por defecto se encontrará seleccionada la opción línea.

</details><details id="bkmrk-tipo-de-apilamiento-"><summary>Tipo de apilamiento</summary>

Se debe seleccionar del desplegable el tipo de apilamiento que se desea utilizar para visualizar el indicador. El sistema permitirá elegir entre tres opciones: sin apilamiento, normal y porcentual.

La función apilar es sólo pertinente para los indicadores que incluyen dimensiones distintas de la temporal. Es conveniente utilizar esta función en los gráficos de área, área tipo 2, barras o columnas. Por defecto se encontrará seleccionada la opción sin apilamiento.

<p class="callout info">**Recomendación:** Para los indicadores que son nominales, la pantalla de visualización ofrece la opción de ver los valores expresados en porcentaje. De manera que, en esos casos, no es conveniente configurar el gráfico como apilado porcentual para tener la posibilidad de acceder a las dos vistas.</p>

<p class="callout warning">Los indicadores que tengan marcado “Si” en el campo “Valores porcentuales” no tendrán habilitada la opción apilado porcentual.</p>

</details><details id="bkmrk-t%C3%ADtulo-eje-x-consign"><summary>Título eje x</summary>

Consignar el nombre de la/s dimensión/es que se ubican en el eje x del gráfico.

</details><details id="bkmrk-t%C3%ADtulo-eje-y-consign"><summary>Título eje y</summary>

Consignar la unidad de medida que se mostrará en el eje y del gráfico.

</details><details id="bkmrk-forzar-un-valor-m%C3%A1xi"><summary>Forzar un valor máximo para el eje y</summary>

Opcionalmente consignar un valor máximo que quedará fijo para el eje y.

</details><details id="bkmrk-mostrar-sombra-en-el"><summary>Mostrar sombra en el segmento del eje x cuando se muestra el tooltip</summary>

Seleccionar esta opción si se desea que en el gráfico aparezca un sombreado sobre la sección donde esté posicionado el cursor del mouse.

</details><details id="bkmrk-mostrar-informaci%C3%B3n-"><summary>Mostrar información de las series agrupadas por segmento del eje x</summary>

Seleccionar esta opción si se desea mostrar un tooltip único donde aparezcan todos los valores y títulos de las series del segmento del eje x.

</details><details id="bkmrk-mostrar-sumatoria-de"><summary>Mostrar sumatoria del segmento del eje x</summary>

Disponible sólo cuando se usa apilado. Si se selecciona esta opción el sistema calcula y muestra en el tooltip el total de la suma de las distintas porciones que componen la pila.

</details><details id="bkmrk-mostrar-tooltip-divi"><summary>Mostrar tooltip dividido</summary>

Seleccionar esta opción si se desea mostrar tooltips divididos en lugar de un tooltip único con toda la información.

</details><details id="bkmrk-decimales-a-mostrar-"><summary>Decimales a mostrar</summary>

Opcionalmente consignar cuántos decimales fijos se desea mostrar en cada valor. Para mostrar todos los decimales se debe dejar vacío.

</details><details id="bkmrk-rotar-leyendas-del-e"><summary>Rotar leyendas del eje x</summary>

En caso de que las etiquetas del eje x se superpongan, es posible darles una inclinación para hacer el gráfico más legible. Los valores pueden ser positivos o negativos. Por ejemplo: 45, 90, -45, -90.

</details><details id="bkmrk-selecci%C3%B3n-de-paleta-"><summary>Selección de paleta</summary>

Elegir la paleta de colores que se desea utilizar para el gráfico. El sistema ofrece 5 opciones de combinaciones de colores. Cada serie los tomará respetando el orden en el que se encuentra definido el circuito. Si éste se completa vuelve a iniciarse desde el primero.

</details>#### Tabla

[![Screenshot_390.png](https://grama.ar/documentacion/uploads/images/gallery/2023-06/scaled-1680-/screenshot-390.png)](https://grama.ar/documentacion/uploads/images/gallery/2023-06/screenshot-390.png)

A continuación se describen las funcionalidades y los campos que se emplearán para la configuración de la tabla en la vista expandida.

<details id="bkmrk-mostrar-en-filas-y-m"><summary>Mostrar en filas y Mostrar en columnas</summary>

El sistema presentará burbujas con las dimensiones definidas al configurar la estructura de datos del indicador. Se debe arrastrar y soltar las mismas en el caso de que se desee cambiar su orden en la tabla, como así también pasar dimensiones de filas a columnas o viceversa.

</details><details id="bkmrk-mostrar-fila-de-tota"><summary>Mostrar fila de totales</summary>

Seleccionar si se desea mostrar la sumatoria de los valores al final de cada fila.

</details><details id="bkmrk-mostrar-columna-de-t"><summary>Mostrar columna de totales</summary>

Seleccionar si se desea mostrar la sumatoria de los valores al final de cada columna.

</details><details id="bkmrk-sufijo-para-los-valo"><summary>Sufijo para los valores</summary>

Opcionalmente consignar un sufijo para que se muestre junto a los valores (por ejemplo %, $).

</details><details id="bkmrk-cantidad-de-decimale"><summary>Cantidad de decimales a mostrar</summary>

Opcionalmente consignar cuántos decimales fijos se desea mostrar en cada valor. Para mostrar todos los decimales se debe dejar vacío.

</details>#### Ficha técnica

[![Screenshot_391.png](https://grama.ar/documentacion/uploads/images/gallery/2023-06/scaled-1680-/screenshot-391.png)](https://grama.ar/documentacion/uploads/images/gallery/2023-06/screenshot-391.png)

Los campos toman automáticamente la información de la configuración general del indicador

---

#### Ubicación

[![Screenshot_392.png](https://grama.ar/documentacion/uploads/images/gallery/2023-06/scaled-1680-/screenshot-392.png)](https://grama.ar/documentacion/uploads/images/gallery/2023-06/screenshot-392.png)

Se muestra la información sobre la categoría o programa al que se encuentra asociado el indicador.

---

##### Contenidos relacionados

- [Configuración de visualizaciones- Guía práctica de indicadores](https://bookstack.appvisualizer.grs.net.ar/books/indicadores/page/configuracion-de-visualizaciones)