*Por: Juan Pablo Garnica Munevar. Publicado: 20 de agosto de 2021.* # O que e um treemap? Um treemap e um tipo de visualizacao que exibe dados hierarquicamente. Tem a estrutura de uma arvore (dai o nome) com os dados organizados em retangulos aninhados (um dentro do outro). O tamanho do retangulo corresponde ao valor da categoria ou subcategoria. Os retangulos sao chamados de [nos e sao do tipo raiz ou folha](https://www.ibm.com/docs/en/spss-statistics/version-missing?topic=types-treemap-charts). O no raiz e o primeiro (nao surge de outro), enquanto o no folha se desprende de outro e e o ultimo na hierarquia. Isso significa que o total do no raiz (categoria) e a soma dos nos folha (subcategorias). Assim, esse tipo de visualizacao permite comparar entre subcategorias e entre categorias. As cores representam a classificacao entre os retangulos, o que facilita a identificacao das categorias.  Treemap de expressoes de riso usadas no Reddit em 2019 organizadas por categoria. **Fonte:**

Para que serve?

Segundo o [Data Viz Project](https://datavizproject.com/data-type/treemap/), o treemap pertence a familia dos graficos e ajuda a comparar e distribuir dados. A tabela a partir da qual se cria a visualizacao possui categorias que exibem subcategorias com seus respectivos valores numericos. [From Data to Viz](https://www.data-to-viz.com/graph/treemap.html) especifica que os treemaps sao usados para mostrar tanto a divisao do todo quanto a organizacao hierarquica. Para o primeiro, apresenta a categoria ou entidade com o maior valor comparado aos outros. Para o segundo, permite mostrar ate tres niveis de uma hierarquia. A vantagem do treemap e o uso eficiente do espaco para representar grandes quantidades de informacao. De fato, sua [historia](http://www.cs.umd.edu/hcil/treemap-history/) remonta a visualizacao compacta de [Ben Schneiderman](https://en.wikipedia.org/wiki/Ben_Shneiderman) de um diretorio inteiro de arquivos em um computador.

Recomendacoes

[From Data to Viz](https://www.data-to-viz.com/graph/treemap.html) recomenda fazer no maximo tres niveis de hierarquia para facilitar a compreensao, priorizar o nivel mais alto e criar versoes interativas que ajudem a explorar os resultados. Esse tipo de visualizacao ajuda a responder estas perguntas: Qual categoria tem a maior proporcao, ou seja, qual tem mais valor dentro dos dados? Quais subcategorias cada categoria possui? Qual categoria tem mais subcategorias? Quantos niveis de hierarquia existem por categoria?

Visualizacoes relacionadas

Como o treemap e um tipo de visualizacao de proporcoes e parte de um todo, esta relacionado ao dendrograma, circle packing, diagrama sunburst e diagrama de Marimekko.

Exemplos

O projeto [Flag Stories](https://flagstories.co/) da Ferdio fez varias visualizacoes sobre bandeiras de acordo com suas formas, cores, numero de mudancas, designs, entre outras coisas. Uma delas e um [treemap das cores mais dominantes nas bandeiras do mundo](https://flagstories.co/post/132214012113/the-most-dominating-flag-colours-of-the-world#132214012113). As cores (categorias) agrupam tons (subcategorias) de todas as bandeiras hierarquicamente. Essa visualizacao tem dois niveis de hierarquia. La voce pode comparar as proporcoes entre cores: o branco predomina junto com as cores primarias.  Treemap das cores mais dominantes nas bandeiras do mundo. **Fonte:** Na Datasketch, fizemos um [treemap de bibliotecas publicas por departamentos na Colombia](https://www.datasketch.co/julianag/bibliotecas-publicas-por-departamento-espanol) (es). Neste caso, nao ha hierarquia entre os dados. Portanto, a visualizacao tambem serve para mostrar o valor de varias categorias como um grafico de barras. 

Treemaps e arte

[Dimitris Ladopoulos](http://www.dimitris-ladopoulos.xyz/) programou um algoritmo para converter retratos em treemaps. Ele produz um mosaico no qual cada retangulo representa uma cor no modelo de cores RGB. Ladopoulos fez treemaps dos retratos de [Johannes Wtenbogaert](https://www.behance.net/gallery/59417977/Portrait-nr1-Johannes) (por Rembrandt Harmenszoon van Rijn) e [Rosalba Peale](https://www.behance.net/gallery/59791519/Portrait-nr2-Rosalba) (por Rembrandt Peale).  Treemap do retrato de Rosalba Peale. **Fonte:** Faca seu proprio treemap com o aplicativo Simple Charts, disponivel em . Crie uma conta e faca login! Voce tambem pode se inscrever em nossa newsletter para novidades relacionadas ao jornalismo de dados:

Referencias

* ArcGIS Insights. (s.d.). *Criar e utilizar um mapa de arvore*. Recuperado em 13 de agosto de 2021, de * Ferdio. (s.d.). *Treemap*. Data Viz Project. Recuperado em 13 de agosto de 2021, de * HighBond. (s.d.). *Diagrama de arvore (treemap)*. HighBond. Recuperado em 13 de agosto de 2021, de * Holtz, Y., & Healy, C. (s.d.). *Treemap*. From Data to Viz. Recuperado em 13 de agosto de 2021, de * IBM. (2021, 4 de marco). *Graficos de mapa de arvore*. IBM. * Shneiderman, B., & Plaisant, C. (2014). *Treemaps for space-constrained visualization of hierarchies: Including the History of Treemap Research at the University of Maryland*. Human-Computer Interaction Lab - University of Maryland.