Data Visualisation

Have a look at Figure 2. It shows the grades for English and Mathematics along the different terms displayed on a table. Now look at Figure 3 that shows the grades for English and Mathematics along the different terms displayed on a column chart.

Table displaying grades for English and Mathematics throughout the year for four students. In English, Alice scored 75 in Term 1, 80 in Term 2, and 85 in Term 3. In Mathematics, Alice scored 90, 88, and 92 over the same terms. The table highlights progress for each student.
Figure 2 – Grades for English and Mathematics along the year displayed on a table.
Column chart showing the grades for English and Mathematics throughout the year. In Term 1, Alice scored 75 in English and 90 in Math; in Term 2, she scored 80 in English and 88 in Math; in Term 3, she scored 85 in English and 92 in Math. This chart compares student performance over time.
Figure 3 – Grades for English and Mathematics along the year displayed on a column chart.

In each figure do you find easier to explain what happened throughout the year? How long does it take to identify the higher grades for both English and Mathematics and in which term they were attained? Is it quicker than on Figure 2 or 3? Now imagine you need to understand what happened in terms of grades for hundreds of students, do you think that just looking at the data on a table format would be enough?

Very often we need to create visuals to help us to better understand the data. This process of turning data into pictures or graphs that are easy to understand is known as data visualisation.

The use of data visualisation is very important because it simplifies complex information, highlights trends (for example we can if our grades are improving with time), and it is also more attractive, interactive, and colourful visuals are more attractive than plain numbers and text.

Let’s now take a look into how we can create data visualisations for numerical data. As we discussed before, numerical data represents the count or measure of something using numbers. Numerical data can be broken down into two additional categories of data: discrete and continuous.

Discrete data values

Discrete values are when the numerical data can only be in whole numbers, as there is only a certain number of values. Think about your school, a discrete data value would be the number of students in your class. You can count 20, 21,22 students but you will never have 20.5 students.

A good way to represent discrete data is through the use of bar charts or pie charts. Imagine you are analysing your classmates’ preferences for different school subjects (for example English, Mathematics, Sciences and PE). You could use a pie chart to show the proportion of each preference (Figure 4 -A), or bar chart to show the number of students who prefer each type (Figure 4 -B).

Two charts illustrating student subject preferences. The pie chart on the left (A) shows preferences by percentage: 40% prefer Math, 30% prefer Science, 20% prefer English, and 10% prefer History. The bar chart on the right (B) displays the total count of student preferences: 16 students prefer Math, 12 prefer Science, 8 prefer English, and 4 prefer History.
Figure 4 – Illustration of two charts. Pie chart on the left (A) showing the proportion of student preference by subject and a bar chart on the right (B) showing the total count of student preferences by subject.

Continuous data values

Continuous numerical data values will fall anywhere within a range of measurements. With a vast number of options, continuous data values can be slightly different to each other. For example, continuous data could be something like the weather, it can be 23°, 23.5° or 23.57° and so on. In addition, continuous data may change over time, while the weather was 23° today, it may be 27.85° tomorrow.

A good way to represent continuous data that change over time is through the use of line graphs. For example, you could use a line graph to show how your height has increased every year since you were born. The x-axis (horizontal line) might show the years, and the y-axis (vertical line) would show your height in centimetres. As you grow, you draw a dot for each year and connect the dots to make a line (Figure 5 – A). This same data can also be visualised through a column chart, where the x-axis (horizontal line) could also show the height of each bar would be the measurement of your height (Figure 5 – B).  

Top image (A) is a line chart showing height changes from 2012 to 2024. Heights increased from 150 cm in 2012 to 180 cm in 2024. Bottom image (B) shows the same data in a column chart, with heights in 2012 (150 cm), 2016 (160 cm), 2020 (170 cm), and 2024 (180 cm). This comparison demonstrates different ways to visualize the same data
Figure 5 – Illustration of a line chart on the top (A) showing the height change along the time, between the years of 2012 and 2024. And on the bottom (B) the same data represented in form of a column chart.

On the next chapter is Creating a column chart, where you will be able to create your own data visual!

I’m on YouTube now!

Check out Accessible BI for practical Power BI tutorials and tips on making data accessible to everyone. Subscribe here: Accessible BI YouTube Channel

Banner image with a dark background featuring the text 'LEARNING POWER BI & ACCESSIBLE DESIGN' in large white and yellow letters. The text '@AccessibleBI' is displayed below. On the right side, there is a partially obscured image of Juliana Smith with long hair, and a red 'SUBSCRIBE' button with a bell icon is located at the bottom right corner.

One comment

Leave a Reply

Discover more from Smart Frames UI

Subscribe now to keep reading and get access to the full archive.

Continue reading