Hierarchical Data Visualization

Your constantly-updated definition of Hierarchical Data Visualization and collection of videos and articles
84 shares

What is Hierarchical Data Visualization?

Hierarchical data, a very special type of network data, is represented by hierarchical data visualization.

Typically, the principle of connection represents network data. However, hierarchical data relies on the principle of containment!

A classic example of hierarchical data visualization is the file and folder system found on your computer. You have a folder that contains more folders.

Other common types of hierarchical data visualization forms are tree diagrams, cone tree diagrams, botanical tree diagrams and treemap diagrams.

Literature on Hierarchical Data Visualization

Here’s the entire UX literature on Hierarchical Data Visualization by the Interaction Design Foundation, collated in one place:

Learn more about Hierarchical Data Visualization

Take a deep dive into Hierarchical Data Visualization with our course Information Visualization .



Information visualization skills are in high demand, partly thanks to the rise in big data. Tech research giant Gartner Inc. observed that digital transformation has put data at the center of every organization. With the ever-increasing amount of information being gathered and analyzed, there’s an increasing need to present data in meaningful and understandable ways.

In fact, even if you are not involved in big data, information visualization will be able to help in your work processes as a designer. This is because many design processes—including conducting user interviews and analyzing user flows and sales funnels—involve the collation and presentation of information. Information visualization turns raw data into meaningful patterns, which will help you find actionable insights. From designing meaningful interfaces, to processing your own UX research, information visualization is an indispensable tool in your UX design kit.

This course is presented by Alan Dix, a former professor at Lancaster University in the UK. A world-renowned authority in the field of human-computer interaction, Alan is the author of the university-level textbook Human-Computer Interaction. “Information Visualization” is full of simple but practical lessons to guide your development in information visualization. We start with the basics of what information visualization is, including its history and necessity, and then walk you through the initial steps in creating your own information visualizations. While there’s plenty of theory here, we’ve got plenty of practice for you, too.

All open-source articles on Hierarchical Data Visualization

Please check the value and try again.

Open Access—Link to us!

We believe in Open Access and the democratization of knowledge. Unfortunately, world-class educational materials such as this page are normally hidden behind paywalls or in expensive textbooks.

If you want this to change, , link to us, or join us to help us democratize design knowledge!

Share Knowledge, Get Respect!

Share on:

or copy link

Cite according to academic standards

Simply copy and paste the text below into your bibliographic reference list, onto your blog, or anywhere else. You can also just hyperlink to this page.

Interaction Design Foundation - IxDF. (2020, October 7). What is Hierarchical Data Visualization?. Interaction Design Foundation - IxDF.

New to UX Design? We're Giving You a Free eBook!

The Basics of User Experience Design

Download our free ebook “The Basics of User Experience Design” to learn about core concepts of UX design.

In 9 chapters, we’ll cover: conducting user interviews, design thinking, interaction design, mobile UX design, usability, UX research, and many more!

A valid email address is required.
314,809 designers enjoy our newsletter—sure you don’t want to receive it?