Datavisual anatomy

The elements that make up a data visualization

๐—”๐—ป๐—ฎ๐˜๐—ผ๐—บ๐˜† ๐—ผ๐—ณ ๐——๐—ฎ๐˜๐—ฎ ๐—ฉ๐—ถ๐˜€๐˜‚๐—ฎ๐—น๐˜€

During my time at the Design Academy Eindhoven, one phrase was often echoed by the teachers: โ€œDesigning is making choices.โ€

10 years later I find that this wisdom rings especially true in the realm of data visualization. With countless possibilities, the challenge often lies not in what to add, but in what to leave out.

Creating effective data visualizations is a journey of decision making. From data selection, visual type, axis titles and tooltips, to error bands and dynamic formatting. The options seem overwhelming. Yet it are these very choices that shape the anatomy of your data visuals. Each element, carefully considered or consciously omitted, contributes to a clearer, more impactful story.

๐—ฆ๐—ผ ๐˜„๐—ต๐—ฒ๐—ฟ๐—ฒ ๐˜๐—ผ ๐˜€๐˜๐—ฎ๐—ฟ๐˜?

Understanding the function of the different visual elements is essential, both for creating and interpreting data visualizations. It empowers you to make informed choices that align with desired outcomes. Moreover, a solid understanding of visual anatomy streamlines collaboration with co-creators, making discussions more productive and insightful.

In this guide, I break down the most common data visual elements and what their use is. For each element you should make deliberate choices about visibility, colour, size and where needed wording.

If you want to learn more tools to create and understand datavisualisations, be sure to subscribe to the newsletter!

๐—จ๐˜€๐—ฒ ๐˜๐—ต๐—ฒ ๐—ฎ๐—ป๐—ฎ๐˜๐—ผ๐—บ๐˜† ๐—ถ๐—ป ๐Ÿฏ ๐˜„๐—ฎ๐˜†๐˜€:

1.     ๐˜‹๐˜ช๐˜ด๐˜ฑ๐˜ญ๐˜ข๐˜บ๐˜ช๐˜ฏ๐˜จ ๐˜ช๐˜ฏ๐˜ง๐˜ฐ๐˜ณ๐˜ฎ๐˜ข๐˜ต๐˜ช๐˜ฐ๐˜ฏ
Presenting your data effectively is the cornerstone of any visualization. This involves using charts, graphs, and maps to convey your message clearly. The development effort here is significant, as this is the core of your data visualization design. All other elements, such as labels, colors, and annotations, are there to support the information display and enhance understanding. Think of it as building a house: the structure (your data) needs to be solid before you can add the finishing touches.

Elements: x and y axis, data plot (lines, bars etc), error bars

2.     ๐˜Ž๐˜ถ๐˜ช๐˜ฅ๐˜ช๐˜ฏ๐˜จ ๐˜ช๐˜ฏ๐˜ต๐˜ฆ๐˜ณ๐˜ฑ๐˜ณ๐˜ฆ๐˜ต๐˜ข๐˜ต๐˜ช๐˜ฐ๐˜ฏ
Helping your audience understand what they see is crucial. This means paying attention to units, quantities, and categories. Clear axis titles, legends, and tooltips can make a world of difference. These elements guide your audience through the data, ensuring they grasp the insights youโ€™re presenting. Itโ€™s like being a tour guide in a museum, where your explanations help visitors appreciate the exhibits.

Elements: legend, axis titles, axis labels, gridlines, marker

3.     ๐˜—๐˜ณ๐˜ฐ๐˜ท๐˜ช๐˜ฅ๐˜ช๐˜ฏ๐˜จ ๐˜ค๐˜ฐ๐˜ฏ๐˜ต๐˜ฆ๐˜น๐˜ต
Context is what turns raw data into a compelling story. Consider factors like time, location, and other relevant details that can provide deeper insights. Contextual elements enhance the storytelling aspect of your visualizations, making them more relatable and meaningful. Imagine reading a novel without any background information on the characters or setting โ€“ it would be much harder to connect with the story. Similarly, providing context in your data visuals helps your audience connect with the information on a deeper level.



Elements: title, subtitle, tooltips, data labels

Conclusion

Mastering the anatomy of data visuals is a journey of continuous learning and refinement. By understanding and thoughtfully applying the various elements of data visualization, you can transform raw data into compelling stories that resonate with your audience. Remember, the power of a great data visualization lies not just in the data itself, but in how you choose to present it.

Embrace the process, experiment with different approaches, and most importantly, enjoy the creative journey!

Previous
Previous

Dashboard design: starting with an information architecture

Next
Next

Dashboard inflation