Formatting Data Visualizations
When formatting your visuals, consistency and accessibility is critical.
Much of the content below was taken directly from these two resources:
- 1.
- 2.
No font should be smaller than 12 pt.
- Use Segoe Semibold size 15 for visual titles.
- Segoe Semibold size 14 for axis titles.
- Segoe UI size 13 for all other text. All font must be size 12 or larger.
- Segoe UI Bold 35 for cards
Titles on each graph or data visualization are important accessibility features that orient a user. Add descriptive, purposeful titles to charts. Avoid using acronyms or jargon in your report titles.
We recommend using x-axis titles on all your charts. Make the title descriptive. For instance, if your chart is displaying data over time, try to describe how the data is mapped to a date. So the axis title may not be “Date”, but rather, “Date of incident”, “Date test was collected”, etc.
The visual title of your chart should be descriptive enough that a y-axis (value axis) title is not needed. However, if you do need the additional detail of a y-axis, add one.
Power BI tip: You can make a visual’s title dynamic by creating a measure that concatenates your title text and a specific value. For example, this COVID-19 cases chart dynamically tells you the current number of new cases
📌
Screenshot of a visual with dynamic title reading "7-day rolling average new cases per day, currently 24 new cases". The title will dynamically update as the rolling average changes.
Beware of over-using data labels and cluttering your graph. A data label should not obscure the chart's visuals from the reader.
If labels are obscuring the visual, it may be best to not have labels and instead rely on the table below to reveal the data points.
Power BI tip: Turn down the density of labels:
📌
Screen shot showing the Power BI formatting pane, data labels section. Screenshot highlights how to turn down label density.
Being overly precise can obscure trends. Being overly precise might mean showing unnecessary decimals or showing numbers in the millions/billions that really should be rounded. There shouldn’t be decimals shown on your public dashboards in most cases.
There are exceptions to this. For instance, if you are showing percentages and want to show that a certain percentage isn’t 0, but rather .3 or .4, that may be fine. But in those cases, only one decimal should be used.
Avoid any movement or video/audio that automatically plays.
Power BI tip: In Power BI, beware of play axis with auto-play. This is also relevant for mapping because some mapping visuals (like Mapbox) auto-zoom by default. Turn this off. Set the zoom, latitude, and longitude according to the instructions in the Power BI template file.
📌
If critical information is only accessible through an interaction or click, re-organize the dashboard. Rearrange your visuals so they are pre-filtered to make the important conclusion more obvious. Clicking should not be needed for any key information.
Test any interactions to ensure everything works with a mouse and with a keyboard.
Tooltips are not accessible to keyboard users in Power BI. In addition, users with motor issues may have difficulties accessing them.
Only add tooltips to charts to reinforce information that is also accessible in another way.
Only keep interactions (where one visual filters another) if it is helpful and clear. Most interactions add unnecessary complexity and should be turned off.
Typically, you want to be able to select a point from a graph and have the table filter. And likewise, you want to be able to select a cell in a table to see the point highlighted in the graph.
Power BI tip: In Power BI, we allow the visual to filter the table, but we turn off the connection from the table to the visual. Learn more about interactions in Power BI.
📌
Last modified 1yr ago