1. PÁGINA DE VISUALIZACIONES

 La  página de consulta de visualización cuenta con una serie de elementos  que  se  pueden observar en la Pantalla 1, donde los elementos más resaltantes se encuentran enumerados, y se listan a continuación:

  1. Pestaña de visualizaciones: Esta pestaña contiene los gráficos de la visualización. En la Pantalla 1 la pestaña de visualizaciones se encuentra activa.
  2. Pestaña de detalle de datos: Esta pestaña contiene la lista de los datos utilizados para construir la visualización.
  3. Barra  de  navegación:  Corresponde  al  menú  de  navegación por  niveles  del gráfico  y presenta la información de la selección realizada en cada nivel del gráfico.
  4. Gráfico de la visualización: Corresponde al gráfico utilizado para presentar los datos. Para este caso es el gráfico del tipo Treemap.
  5. Selector del tipo de moneda: Permite filtrar los datos por el tipo de moneda asociada a los montos. Esta funcionalidad solo será visible si los datos, asociados a la visualización, cuentan con información sobre montos.
  6. Selector  de  años:  Permite  filtrar  los  datos  por  un  año  o  un  rango  de  años.  Esta funcionalidad solo será visible si   los datos, asociados a la visualización, cuentan con información sobre el año asociado a la información.
  7. Exportar datos: Permite exportar los gráficos de la visualización.

 

 

 

Pantalla 1: Página de visualizaciones.

 

1.1. Gráfico Treemap

 

El ítem número 4 de la Pantalla 1 corresponde al gráfico del tipo treemap de la visualización. Los treemaps muestran datos jerárquicos (estructura de árbol) como un conjunto de rectángulos anidados. Cada rama del árbol se encuentra asociada a un rectángulo, luego con rectángulos más pequeños que representan sub-ramas. El rectángulo de un nodo hoja tiene una superficie proporcional a la dimensión especificada en los datos. 

En la Pantalla 2 se puede observar los elementos asociados a cada cuadro del treemap. Esta pantalla cuenta con elementos enumerados que se presentan a continuación:

1.   Nombre del cuadro: El ítem número 1 corresponde al valor que contiene el nombre asociado al cuadro, este nombre depende del nivel de la jerarquía del treemap.

2.   Información del cuadro: El ítem número 2 corresponde al cuadro informativo que se activa al colocar el cursor sobre un cuadro del treemap. Este cuadro presenta el nombre del cuadro, el valor que define el tamaño del cuadro (Ej: Monto en guaraníes) y el porcentaje que corresponde el valor del total.

3.   Opción de navegación: El ítem número 3 corresponde a la opción de navegación. La opción “Click para más Información” se activa si el treemap cuenta con más niveles jerárquicos que cargar. Para cargar el siguiente nivel se debe hacer click en el cuadro del treemap,  esto  cargará  el  siguiente  nivel  de  la  jerarquía  y  actualizará  la  barra  de navegación (Ver Pantalla 4).

 4.   Porcentaje del total: el ítem número 4 corresponde al porcentaje asociado al cuadro. El valor del porcentaje asociado al cuadro corresponde al nivel de influencia del tamaño (Ej: Monto en guaraníes) del cuadro en el total. Mientras más grande sea el porcentaje, el cuadro tendrá un mayor tamaño.

 

 

Pantalla 2: Gráfico del tipo treemap.

 

1.2. Barra de Navegación 

Los gráficos del tipo Treemap y Sunburst presentan datos de forma jerárquica, donde esto implica una navegación por niveles. La barra de navegación tiene como principales objetivos:

·Presentar la cantidad de niveles con los que cuenta la visualización.

·Presentar información sobre las selecciones realizadas en los niveles.

·Permitir la navegación entre niveles jerárquicos de forma sencilla.

 

 

Pantalla 3: Barra de navegación.

 

La barra de navegación, que se puede observar en la Pantalla 3, depende de la jerarquía de los datos, existe un elemento en la barra de navegación por cada jerarquía de definida para la visualización.

 

 

Pantalla 4: Barra de navegación activa. 

Cuando se selecciona un elemento del gráfico (un cuadro del treemap), la barra de navegación se actualiza para resaltar sus elementos con el color del elemento seleccionado (Ver Pantalla 4). Al colocar el cursor sobre un elemento de la barra de navegación, esta despliega la información sobre la selección realizada en dicho nivel (Ej: Para el nivel de entidad, la selección fue Municipalidades) y al hacer click sobre el elemento, se cargan todos los datos correspondientes a ese nivel de la jerarquía.

 

1.3. Selector del Tipo de Moneda

 El selector de tipo de moneda, tiene como objetivo filtrar los datos por el tipo de moneda seleccionada. En la Pantalla 5 se puede observar que se encuentra seleccionado el tipo de moneda “Gs”, eso implica en el gráfico solo se presentará información correspondiente al tipo de moneda “Gs”. Solo se puede seleccionar un tipo de moneda a la vez.

 

 

Pantalla 5: Selector del tipo de moneda.

 Esta funcionalidad solo será visible si los datos, asociados a la visualización, cuentan con información sobre montos.

 

1.4. Selector de Años

Esta funcionalidad permite filtrar los datos por un año o un rango de años seleccionado. En la Pantalla 6 se puede observar que se encuentran seleccionados todos los años. Para modificar la selección existen dos opciones, seleccionar un año especifico o un rango de años.

 

 

 Pantalla 6: Selector de años.

 Para seleccionar un año especifico, solo se debe hacer click en el año correspondiente. En la Pantalla 7 se puede observar que se encuentra seleccionado el año 2015

 

 

 

   Pantalla 7: Seleccionar un año específico.

 Para seleccionar un rango de años, solo se debe hacer click en la parte inferior y arrastrar el ratón hasta cubrir el rango de años deseado (Ver Pantalla 8).

 

 

 Pantalla 8: Seleccionar un rango de años.

Esta funcionalidad solo será visible si los datos, asociados a la visualización, cuentan con información sobre el año asociado a la información. 

1.5. Exportar visualización 

Esta funcionalidad permite exportar el gráfico de la visualización como imagen o embeber la visualización en otro sitio externo. En la Pantalla 9 se puede observar la sección del portal correspondiente a la exportación de datos, donde se resaltan los siguientes elementos:

1.   Archivo SVG: Esta opción permite descargar la imagen del gráfico de la visualización en el formato vectorial svg.

2.   Archivo PNG: Esta opción permite descargar la imagen del gráfico de la visualización en el formato de png.

3.   Código de Inserción HTML: Esta opción presenta el código HTML que se debe utilizar para embebir la visualización en otros sitios webs. Al hacer click en la opción “Código de Inserción HTML”  se despliega un cuadro de texto con el código HTML a utilizar (Ver Pantalla 9).

 

 Pantalla 9: Exportar Visualización.

 

 

 Pantalla 10: Código de inserción HTML.

 

 

1.6. Pestaña de Detalle de datos

 

En la Pantalla 10 se puede observar la Pestaña de datos que se encuentra inactiva, al hacer click en la pestaña esta se activa. En la Pantalla 11 se puede observar la pestaña de datos activa, donde esta cuenta con varios elementos que se encuentran enumerados que se presentan a continuación:

1.   Lista de Datos: El ítem número 1 corresponde a la lista de los datos utilizados para construir la visualización.

2.   Selector de Columnas: El ítem número 2 corresponde a la funcionalidad que permite seleccionar las columnas que se desean visualizar en la lista de datos. Al hacer click en la opción “Ver columnas” se despliega la lista de columnas.

3.   Lista de Columnas: El ítem número 3 corresponde a la lista de columnas de los datos.

Cada columna cuenta con un elemento que indica si está marcada como visible o no. Para marcar o desmarcar   una columna se debe hacer click en cada columna. Posteriormente para aplicar los cambios realizados, se debe seleccionar la opción “Aplicar”.

4.   Paginado: El ítem número 4 corresponde al paginador de la lista, donde cada página cuenta con un total de 20 filas.

 

 

 Pantalla 11: Pestaña de detalle de datos.