Charts and infographics

Charts are an essential part of working with data, as they are a way to condense large amounts of data into an easy to understand format.

Data charts

Data visualization, in the simplest terms, is a graphical representation of data to understand patterns and communicate insights.
An illustration showing different data charts, such as bar charts and line charts.
Examples showing bar chart, line chart and donut chart

As a rule, you want to choose the graph based on the kind of data and the message you want to convey. Do not use different charts just for variety, as specific charts convey certain types of information more effectively than others. If not required, do not use any chart — show only numbers

Color on charts gets applied in order of hierarchy in the data. Colors have been tested to work effectively in both color and black-and-white formats.


Unlike data charts, infographics don’t contain just one but multiple vizualisations at once. (Which is why they often seem more playful and fun than their counterpart). They also can contain additional elements like narrative and graphics.
An illustration depicting different infographics.
Examples of infographics for web and social media

Infographics should have a unique focal point – a visually attractive section in the design which calls attention to the viewer. Focal points follow the flow of the hierarchy of information.

HARTMANN infographics share the same characteristics as HARTMANN illustrations. They are 2-dimensional, colorful compositions which help visualize complex data in simple ways. They can include storytelling elements, too.

Overall, color is welcome, used in good measure and without confusing the message. Some amount of Dark Blue and Bright Blue should appear in any scene.

Ensure sufficient contrast between foreground and background. While White is the preferred color for backgrounds, a light Grey also works well.

See also

For further information get in touch