MDS Assistant is an experiment.
Hi, I'm the MDS Assistant and can help you with information from our guidelines and components.

I do not provide code and development guidance. For coding assistance, please check out our experimental MCP server.

Big number chart

Big number charts are used to show information about the current performance of a business metric (such as net revenue, sales growth, and customer satisfaction) at a quick glance.

Please reach out to the contributors at the bottom of this page if you have any questions or feedback.

Simple text and numbers can be a great way to communicate when you have only a few important data points to share. Multiple big number charts can be displayed in a grid where each tile displays the value of a certain category.

A user who wants to know the total carbon emission for current month.
A user who wants to know the total carbon emission for current month.

Best practice

Provide a short, small title

Use a few descriptive words for the title and use a smaller font than that of the value.

Use a big and consistent font for the values

Choose a large font size to display the value. When there are several big number charts on a dashboard, ensure that they all use the same font size to create a consistent appearance.

Abbreviate values

Don’t include more precision than the user needs when displaying numbers.

Show contextual information

To provide context to the value, you could include the metric from a previous period, or use a sparkline to show how the metric has performed over a period of time. Another technique is to include the average value or previous highs and lows. If you’re working towards a goal, include the target as well as your current progress.

Add warnings

You can add warnings (colours, icons, etc.) when a metric is above or below a certain threshold to make it easier to spot problems.

With contributions from:

Thomas Bove