Plotly.Express.Treemap()

A treemap is one of the less common types of plots that you will encounter. However, it comes in handy when you need to display the hierarchical data. A treemap uses a sequence of nested rectangles to display the hierarchy defined by labels and attributes.

You can then click each rectangle sector to display the nested information inside it. Therefore, it is a great tool when you have a large hierarchy.

For this tutorial, we will explore how we can utilize the functionality of Plotly Express module to create the Treemaps.

If you are ready, let’s dive in.

Plotly.Express.Treemap()

As you probably guessed, to create a treemap in Plotly, we will use the treemap() function from the Express module.

The function syntax is as shown in the following:

The function has a relatively simple syntax. The most important parameters we need to know include:

1. Data_frame – Specifies the data_frame holding the column names for the plot. You can pass this value as a DataFrame, a dictionary or an array_like object.
2. names – This parameter defines the values used as the labels for the sectors.
3. values – Refers to the values associated with the sectors.
4. parents – Defines the values used as parents.
5. ids – Specifies the values used to set the IDs of the sectors.
6. path – Defines the values used for the hierarchy of the sectors.
7. color – Defines the values used to assign a unique color to the marks.

Example 1:

Let us create a treemap using the Plotly express. We start by defining a list of names. We then define the parents of each parent in another list. We can then create a treemap of the family.

Once we run the code above, we see a treemap as shown in the following:

Example 2:

We can create the hierarchical treemap by specifying the different levels of hierarchy as a list of columns.

We can use the tips() data to illustrate this:

The resulting figure is as follows:

And that’s it.