Cómo hacer un treemap en highcharter

Ha llegado el día 13 del Calendario de Adviento 2022, Martes 13, y hoy veremos cómo hacer un treemap en highcharter.

El tema de los gráficos lo puedes encontrar en la entrada sobre cómo crear temas en highcharter y configurarlo al inicio de la sesión así:

library(highcharter)

options(highcharter.theme = elartedeldato_theme)

Cómo hacer un treemap en highcharter

Para hacer un gráfico treemap en Highcharter necesitamos datos de tipo jerárquico.

En el post sobre cómo hacer un gráfico jerárquico Sunburst ya los habíamos generado de la siguiente forma:

df_jerarquico <- dplyr::tribble(
  ~padre, ~hijo, ~valor,
  "A", "A1", 20,
  "A", "A2", 10,
  "A", "A3", 13,
  "B", "B1", 12,
  "B", "B2", 60,
  "C", "C1", 29,
  "C", "C2", 34
)


library(highcharter)

df_jerarquico_format <- data_to_hierarchical(
   data =  df_jerarquico, 
   group_vars = c(padre, hijo), 
   size_var = valor, 
   colors = c("#aedcc0", "#206999", "#ffab44")
   )

El tipo de gráfico lo indicamos como siempre con el argumento type = "treemap" de hchart() y habilitamos las etiquetas de cada sección con dataLabels.

Podemos además regular el tamaño del texto y otras opciones del estilo de las etiquetas con el argumento style dentro la misma función dataLabels.

library(highcharter)

hchart(
    df_jerarquico_format,
    type = "treemap",
    dataLabels = list(
    style = list(
      fontSize = "20px",
      textOutline = FALSE
        )
      )
    ) |>
  hc_title(text = "<b>Treemap Interactivo</b>") |>
  hc_subtitle(text = "<i>Ejemplo de Gráfico Treemap en Highcharter con datos generados</i>") |>
  hc_credits(enabled = TRUE, text = "http://elartedeldato.com")

Y hasta aquí los posts de gráficos sobre datos categóricos. A partir del próximo post, veremos cómo hacer gráficos en Highcharter a partir de dataset donde las variables numéricas son las protagonistas!

No te los pierdas :)

Paula L. Casado
Paula L. Casado
Data Scientist

Científica de datos especializada en visualización de datos.

Relacionado