Software Engineering through the lens of Simon

Treemap Charts for Visualising Differences Between Things

Hello reader, today I want to bring to your attention the treemap chart. I came across this chart late in my software engineering career and when I did I wished that I knew about it earlier. The treemap chart is a compact way of presenting data in such a way that makes comparisons between different data points quick and easy.

treemap

A sample of the data used to create the chart above is below:

AlphaBetaGamma
alpha0beta04157
alpha0beta26652
alpha0beta37018
alpha0beta4127
alpha0beta55232
... etc ...

I like the treemap chart for the following reasons:

As a side note, the chart above was created in Microsoft Excel - this is the only application I’ve found so far that can handle two levels of data. Google sheets also has a treemap chart but it can only graph one level of data. That said, the chart could easily be created manually by drawing a bunch of boxes with the right relative size.

I wish I knew about the treemap chart early on in my software career as it would have made communicating information so much easier. Specifically, when used as part of a real-time monitoring system, it is an easy visual way to compare things at a glance. I will definitely be including treemap charts on any monitoring dashboards that I need to maintain from here on out and if you also agree that the treemap is a great way of representing information that needs to be compared then I hope that you will also make use of it next time you need to visualise something.