Circle Packing

Circle Packing

Categoría Jerarquía
Ejemplo de Circle Packing

Qué es

Círculos anidados donde el área es proporcional al valor. Los círculos hijos están contenidos dentro del círculo padre, representando jerarquías de forma orgánica.

Para qué sirve

Para visualizar jerarquías cuando la forma orgánica de los círculos anidados es más atractiva que los rectángulos del Treemap.

Cómo leerlo

Anatomía

También llamado "enclosure diagram": representa una jerarquía por contención —círculos dentro de círculos— en vez de por posición o por conexión. El algoritmo de layout más usado es de tipo "front-chain": ubica cada círculo nuevo tangente a los círculos ya colocados, sin superponerlo con ningún otro. El radio de cada círculo hoja codifica un valor cuantitativo real —la única lectura confiable del diagrama—, mientras que el círculo que envuelve a un grupo de hojas es solo un contenedor visual: su tamaño aproxima el total de ese subárbol, pero con distorsión, porque empacar círculos deja espacio vacío entre ellos. Esa es la diferencia estructural con un treemap, que cubre el 100% del área disponible sin dejar huecos: el circle packing sacrifica esa eficiencia de espacio a cambio de que cada círculo siga siendo perfectamente legible como forma individual, algo que un rectángulo muy angosto dentro de un treemap no siempre logra.

Discos de arcilla de tamaño variable vistos desde arriba, varios tocándose entre sí sin traslape: el principio de empaquetado de círculos que organiza un circle packing por tamaño

Por qué funciona

Fundamento perceptivo

Visualmente más atractivo que el Treemap para presentaciones. La forma circular es más intuitiva para representar 'contenedores' que los rectángulos.

Errores comunes

  • Menos eficiente que el Treemap

    los intersticios entre círculos son espacio desperdiciado, y además las etiquetas son más difíciles de posicionar.

Dónde se usa

Contextos de aplicación

Portafolio agrupado por clase y activo
01

Portafolio agrupado por clase y activo

Círculos dentro de círculos: la jerarquía completa del portafolio.

Categorías de productos anidadas
02

Categorías de productos anidadas

Cada categoría contiene sus productos como burbujas a escala.

Población por región y ciudad
03

Población por región y ciudad

Regiones como círculos grandes; sus ciudades, dentro y a proporción.

Herramientas para construirlo

No-code, desktop y plataformas web, con su licencia visible, abierta o comercial.

No-code
Flourish FreemiumObservable FreemiumRAWGraphs Gratis
JavaScript
D3.js Open SourceECharts Open Source
Python
Plotly Open SourceMatplotlib Open Source

Gráficos relacionados

Variantes y alternativas cercanas.