Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

D3 - Sunburst

Ejemplo simultanea
D3 - Tree MapD3 - Tree Map

Un gráfico treemap proporciona una vista jerárquica de sus datos y hace que sea fácil de detectar los patrones, utilizando rectángulos anidados.

Las ramas de los árboles están representadas por rectángulos y cada sub-rama se muestra como un rectángulo más pequeño.

Ejemplo 1: Caso donde seleccionamos Sub Tipo "Herencia" en el editor:

Image Removed

Image Removed

Sobre dicho caso, cuando realizamos click en uno de los rectángulos, estaremos realizando un drill down.

Vemos que arriba el dashlet nos muestra un camino de migas para conocer las consultas realizadas, y este nos permite volver a la consulta anterior.

:Image Added

Image Removed

Se selecciona la vista que deseamos visualizar, con sub tipo "Herencia".

 

Si seleccionamos con un click el rectangulo marron correspondiente a "Mercado Europe" por ejemplo,

estaremos realizando un drill que permite ver el primer nivel de hijos de este.

Podríamos continuar navegando por los dinstintos valores, el dashlet mostrará los niveles que estamos consultando.

Si queremos volver, alcanza con hacer click en dicho camino de migas:

 

 

 

Image Added

Seleccionamos "Mercado América del Norte-EEUU":

Image Added


Ejemplo 2: Caso donde seleccionamos Sub Tipo "Hijos" en el editor: 

En este caso vemos directamente el nivel jerárquico de Hijos del nivel, entonces ya el drill down carece de sentido,

vemos todos los valores en colores degrade del nivel padre.

Image Added

Image Added

 

D3 - Sunburst

D3 - Sunburst 

Esta representación es similar a la anterior, salvo que utiliza un diseño radial.

El nodo raíz del árbol se encuentra en el centro y las hojas en las circunferencias, siendo el área o ángulo de cada arco el valor correspondiente.

Image Removed

Ejemplo 1: Caso base del ejemplo anterior: 

Image Added

 

Ejemplo 2: Drill down sobre "Mercado América del Norte": 

 

Image Added

 

 

 Observaciones
Modos de utilización

Ambos gráficos agregan la funcionalidad de ser usados cómo control.

Es posible que al seleccionar una elemento de estos gráficos sirva como filtro en los otros dashlet definidos.

A su vez, como el resto de los dashlet es posible aplicarle filtros.

Estas dos funcionalidades no pueden usarse de forma

simultánea.

 
¿Como obtengo las representaciones?









Ambas se obtienen agregando en nuestras comunidades un nuevo dashlet "O3 BI Advanced View Dashlet".

Luego el editor del mismo permite seleccionar ambas representaciones,

 

 

 

...

Limitaciones o Problemas Conocidos

...

  • Los nuevos gráficos de D3 no están siendo soportados en Internet Explorer v11 (O3PS-10562).