Home icon
Data Visualisation Guide

GoG building blocks: aesthetics

3 minutes read

Building blocks of the Grammar of Graphics

Aesthetics are the visual properties of geometries that are used to encode dimensions in the data. The aesthetics of a geometry are tied to the type of the geometry: for example, a point geometry can have position, size, shape and colour aesthetics. A rectangle, on the other hand, can have position, width, height and colour aesthetics. So not all aesthetics are available for all geometries.

For some geometries, alternative sets of aesthetics can be available. For example, instead of having x, y, width and height aesthetics, rectangles could have 4 aesthetics for each of their 4 corners, for example.

Some of the more common aesthetics, shared by many geometries, are:

  • x: the x position of a geometry
  • y: the y position of a geometry
  • size: the size of point geometries, or the thickness of line geometries
  • colour: the colour of point geometries, the colour of the stroke of line geometries, or the fill colour of 2-dimensional geometries
  • opacity: the transparency of the geometry. This is sometimes also called alpha aesthetic.

Some geometries have very specific aesthetics. For point geometries, categorical variables in the data can be mapped to the shape of the geometry.

A scatterplot of car types in which cars with 4 cylinders are represented by circles, cars with 6 cylinders by triangles and cars with 8 cylinders by squares

Instead of mapping the cylinder variable to colour, it is mapped the shape aesthetic. Source: Maarten Lambrechts, CC BY SA 4.0

Text geometries have aesthetics that are unique to them, like the content of the text itself, the font size and the font family.

In this scatter plot, the cylinder variable is mapped to the font size aesthetic of text geometries. The text content aesthetic is mapped from the car variable in the data. Source: Maarten Lambrechts, CC BY SA 4.0

For line charts with multiple time series (multiple lines), an aesthetic needs to be provided that groups the values in each time series together. For example, in a line chart in which the lines represent different countries, the column containing the country names should be mapped to the group aesthetic (some tools use the z aesthetic for this, and alternatively mapping the country name column to the colour aesthetic can also work).

A chart showing the trend in prices for stocks of 4 companies. The stroke colour in this plot is mapped to the name of the companies, which automatically creates a separate line for each of the 4 companies. Source: observablehq.com/@observablehq/plot-line

Related pages

GoG building blocks: scales and guides

GoG building blocks: overview

GoG building blocks: data

GoG building blocks: geometric objects

GoG building blocks: transformations

Grammar of Graphics in practice: Tableau

Building blocks of the Grammar of Graphics