Skip to main contentIBM Design Language

Charts

Charts are typically divided into categories based on their goals, aesthetics or visual features. Since charts can be versatile and used in different ways, details and features of these categories are explained and contextualized here. Use these best practices as you create data visualizations.

Comparisons

Charts designed for comparison aim to visualize differences between elements. Most of the time comparisons rely on the ability of the human eye to identify longer or bigger shapes with very little or no effort. Side-by-side positioning and alignment of the visual elements make comparisons even easier.

Data typologies

Time-based data (for example, units sold per day, worked hours per month)
Categorized data (for example, revenue by market, sold units by team)

Radar chart

radar chart

Horizontal bar chart

horizontal

Trend charts represent data along with the time dimension. Use them mainly to track changes over periods of time of varying duration and scale. They rely on direction to show the evolution of consecutive values and might be influenced by different cultural contexts.

Data typologies

Time-based data (for example, revenue by quarter, rainfall per day)

Part to whole

The goal of these charts is to show the inner subdivision of a value among different categories or groups. Mostly used to represent percentages, they can also be used for absolute values. Their function does not depend on the graphic shapes used, such as pie, donut, square and so on.

Data typologies

Categorized data (for example, subdivision of revenue by product, percentage of users by browser)

Correlations

These charts are better suited to highlight the possible correlation between two or more indicators and how they might affect each other. Correlation charts have the final goal of making it easier for the human eye to spot combined behaviors.

Data typologies

Multidimensional data (for example, correlation between phone-call duration and customer’s satisfaction)

Parallel coordinates

paralled coordinates

Relationships and connections

Charts included in this category represent hierarchies. The intent is to explain the role of an element within an ecosystem or to observe the inner nature of a subject in different phases and states of a process.

Data typologies

Categorized data (for example, country of origin of asylum seeker and gender)
Multidimensional data (for example, number of active users by testing phase)

Alluvial diagram

alluvial

Maps

Maps are the easiest and most immediate way to communicate geolocated information. Maps allow the user to recognize areas and places, to understand the geographical context of the topic and to identify patterns, all relying on the position of elements.

Data typologies

Geographical data (for example, voters by county, average wage by neighborhood)

Choropleth map

choropleth

Proportional symbol

proportional

Connecting lines

connecting lines