Grids provide helpful reference lines inside a wide range of data visualizations that help users better understand the data inside a visualization.
When used in traditional data visualizations, such as line graphs or bar charts, grids help users trace data points to their corresponding value in the x or y-axis. Alternatively, when grids are used in maps, grids provide useful location data outside of the depicted geographic boundaries, such as county or state lines.
While grids are not required in charts or graphs, consider using them when data points are not directly labeled. For mapping guidance, see the “Grids in Maps” section below.
Grid lines are the individual lines that a grid is composed of. Grid lines should be rendered in a color, such as gray, that doesn’t clutter the data visualization and should have just enough contrast to be visible. Grid lines should never overlap data points and instead be rendered in the background.
Vertical Grid Example: Means of Transportation to Work in New York
Driving Alone is Still Popular
Grids in Maps
Grids can be displayed in two ways on a map: either as a traditional grid or as a graticule. Traditional grids correspond to grid systems outside of latitude and longitude, such as the military grid system. Unless you are an expert cartographer, we highly recommend avoiding these types of grids.
Alternatively, graticules are lines showing the latitude and longitude of the earth on a map. Graticules can help contextualize a map for users but aren’t always necessary. When using graticules, be sure to follow the grid lines guidance above to ensure the lines don’t distract from the contents of the map.
Always render grid lines in a color, such as gray, that doesn’t clutter the data visualization and maintaines enough contrast to be visible.
Never overlap data points with grid lines. Grid lines should instead be rendered in the background.
It is not recommended to use grid systems outside of latitude and longitude, such as the military grid system (unless you are an expert cartographer).