A treemap is a visualization that displays hierarchical data as different groups of nested rectangles.
A treemap gets its name from a tree diagram which is also used to display hierarchical data. The key difference with a treemap is that the size of each rectangle represents the value of each category of data, making it possible to convey more information about each category of data in a smaller space.
Treemaps can be used to represent data that has a tree-like hierarchical relationship, such as age distribution within different groups of people or categories of exports in a country’s economy.
In addition to the guidance provided in this section, relevant guidance can also be found in the Agency Logo, Colors, Grids, Labels, Legends, Source, Titles, Typography sections.
Use adjacent colors with varying contrasts.
Ensure that any text displayed in each rectangle has a sufficient contrast ratio.
Keep a straight edge on each side of the diagram.
Don’t include patterns or images in each rectangle.