This video is available to students only

Ways to visualize a metric

We talk about the different ways to visualize a single metric, and how to combine that with the different data types.

Ways to visualize a metric#

Now that we understand the metrics that we're working with, we need to decide how to represent them visually. Keep in mind that we, as humans, are able to judge some dimensions more quickly or precisely than others.

Let's go through some possible ways we could represent temperature, as an example.

Size#

dimension - size

We could represent temperature by sizing an element: larger for higher temperatures and smaller for lower temperatures. We could also scale just the height or the width — when making our histograms, we created taller bars for higher numbers.

Humans are very fast and precise at perceiving size differences (especially height or width) between objects, making it a good choice when the exact differences matter.

Position#

dimension - position

We could represent temperature by moving an element: horizontally, vertically, even diagonally. For example, we could make a scatter plot with lower temperatures to the left and higher temperatures to the right.

 

This page is a preview of Fullstack D3 Masterclass

No discussions yet