Introduction to scales


Building a graph requires to transform a dimension (a numeric variable in your dataset) in a position in pixels. This is done using a fundamental dataviz concept called scale.

Before implementing it in the next lesson, let's describe a bit what this crucial concept of dataviz is.

Members only
4 minutes read

Test your intuition

Let's test your intuition with the following exercise.

  • You have a SVG area with a width of 500px.
  • You can place circles anywhere along this area horizontally.
  • You have a dataset with 5 values: 0, 50, 60, 82, 100

β†’ How do you position your circles to represent this dataset? Drag the circles below following your intuition:

Note: the number in each circle represents its value in the dataset.

05060821000 px250 px500 px



Oh no! 😱

This lesson isn’t available just yet.

Take a look at the status badges next to each lesson in the sidebar to see when it’s coming out.

Thanks for your patience! πŸ™