Tutorial Stats Page Visualiser

Free Statistics Page Visualiser

Are you in the process of writing or commissioning the design of a stats page?

We’ve created a free statistics page visualiser you can use to help you produce a statistics page layout with two levels of statistics.

As designers, we often receive stats data that isn’t quite in the right format. This tool can be used for content producers to prototype how statistics in your project could be presented when you’re putting them together or preparing them for a designer or designing them yourself.

We’ve provided an accompanying Google Sheets template that allows you to use and prepare your data to paste into the ‘Stats Page Tool’.

You’re also able to play with the data within the tool itself and then export it back to the Google Sheet so you can save it and come back to it another day. This means the data stays within your spreadsheet.


On this page

Key Links

  1. Google Sheet Template

  2. Stats page tool

  3. Chat GPT tool

Step by step tutorial to the Google Sheet

  1. Video tutorial

  2. Key features and screenshots


Key links

1. Google Sheets template

This sheet is available publicly. Go to ‘File > Make a Copy’ to use it yourself.

This spreadsheet is not connected to the Stats page tool, but is designed to help you prepare your data for the Stats Page Tool.

2. Stats page tool

This interactive web application lets users create, customise, and preview statistics layouts with real-time updates.

 

3. AI Assistance

Use our Chat GPT tool to mock up some data from an article in our tool

This tool allows you to input data in one format, outputting corresponding data into a format that works within our online tool. This data MUST be checked for accuracy and is just a tool to quickly see how information you have might look as statistics.

Please ensure you agree and are comfortable with Chat GPT’s terms of use before using this tool.

 

Step by step guide to the Google Sheet

  1. Video tutorial


2. Key features and screenshots

 

STEP 1:

Duplicate a copy of our Google Sheets document

 

STEP 2:

Add data to the Google Sheet.

Summary of the columns

Here is an outline of what each column means:

Level: This determines the size of the stat.

PreTitle: This appears small above the statistic. It's often a category. These are optional.

MainStat: The main numerical value.

Header: The text that appears underneath the numerical value

Body: Smaller body explanation text.

Colour: this will automatically update based on the 'Level' If you want to change the preset colours, you can change them in row H3 and I3 of this sheet.


Summary of the ‘Levels’ options

Let us know what you think

We’re always interested in improving our projects. Contact us to share your thoughts and feedback.