Everything You Need For Clear and Efficient Data Visualization
Everything You Need For Clear and Efficient Data Visualization
03 04
way is becoming increasingly important.
How to Assemble Final Dashboard Design Worksheets
Dashboards, Design Formats, & Checklists
This 4-part series will show you how to clearly and and Common Pitfalls In part 4 of our data visualization series, we
efficiently visualize your data. Start with the planning, In part 3 of our data visualization series, we include worksheets and checklist for initial
choose the right visualizations, assemble your dashboards, start to structure visualizations with the proper planning, visualization review, structure, and final
formatting. Follow these points to make sure your checklist. These sheets will ensure consistency
and then use the checklists to make sure you haven’t visualizations are effective and understood. Don’t and completeness of your visualizations, and it’s
overlooked anything before publishing your work. miss the common pitfalls section and make sure a great way to start your visualizations off on the
to avoid them in your visualizations. right foot.
Dashboard Planning
and Design
#1 in a Series of 4
Principles For Creating Effective Dashboards What are the key rules for creating such a dashboard?
Clear
Design with purpose - whether your dashboard is for The business user should be able to understand the meaning of what is being
displayed without much interpretation.
internal or external (embedded) users. Every design
choice should contribute to the goal of the dashboard. Easy to use
Business users should be able to locate filters and other functions without assistance.
‘How’ can we tell the story of our data, ‘what’ is the
Purposeful
relevant information we need to present and ‘why’ is the Every object should have a reason for being available to the business user. It should
add visual appeal, serve a data function, or enable exploration and navigation.
information we visualize relevant to tell this data story.
Aesthetically pleasing
All these are key questions that need to accompany us Inviting, abstract, and representative of the designer’s style.
while creating a dashboard in order to create a good, Correct and consistent. With a visual tool, business users will tend to dwell on
display issues, typos, irregularities or inconsistent formatting, even if the results are
clear, readable message. correct. Although the issues might be known by the developer to be minor display
considerations, they will affect the user’s perception and adoption of the dashboard
and the insights.
Basic design pointers
Keep it simple. Eliminate lines, labels, axes, charts and any extraneous components that
Dashboard Design
are not needed to understand the data story. Extra elements clutter the design and The goal is to use visualizations that meet the
distract the user.
business requirement.
Create a visual hierarchy. Text and graphical elements should use size, color, and other While you may have an in-house brand, this does not mean that the same
styling options to give the essentials a ‘heavier’ appearance to draw the eye. By making visualizations should be present on all worksheets. When designing a dashboard, the
design choices to highlight critical elements, the dashboard designer creates balance developer should consider:
and guides the reader to each point that serves the visual’s purpose.
Who is the audience?
To create an easily readable dashboard, you should also keep in mind the basics:
make sure you use the same color palette, font type, colors and size throughout the What are they interested in knowing?
entire dashboard. You should not use more that one font type and 2-4 font size.
What is the best visualization for communicating the information?
Use these same design principles even if you are white-labeling your embedded
analytics for external users.
Create a dashboard that is simple in its design with the goal of highlighting the
Use meaningful metrics. Be certain that the audience is familiar with metrics, so they
information that supports its message.
can correctly interpret them within the context of the dashboard. The data should also
be verified so that users can be confident in its validity. Generally, the eye travels from the upper left corner to the lower right corner.
Relevant components of a dashboard should be arranged accordingly. The designer
Plan for maintenance. Whether it is data refreshes, functionality updates, or the addition
should also strive to achieve balance across the dashboard so that no one area has too
of new users, planning for upkeep should inform data and dashboard design choices.
much weight and causes the aesthetic to become unappealing. Notably, both symmetric
If it is too difficult to maintain, a dashboard may be too cumbersome and not worth
and asymmetric dashboards can be well balanced.
the investment.
The aim should be to fit the worksheets on the business user’s screen, without their
Limiting the scope: attempting to accomplish too many goals in a single view can lead
needing to use any navigation ribbons to see any part of a worksheet or a worksheet’s
to information overload when there is too much information for the audience to
data. If this is not possible with the existing layout, it may be necessary to rethink the
process effectively.
structure of the dashboard, perhaps by using more filters or by splitting the worksheets
across more dashboards.
For embedded visualizations, the size of the canvas should be determined with your
business user depending on their requirements.
There can be a temptation to cram everything onto one large dashboard. However, bear
in mind that Sisense provides multiple means to allow the consumer to explore their
data down to the row level, such as:
Drilling
Filtering
In this second part of our four-part series, we share the collective wisdom of
thousands of data experts. The ones who are in the trenches (or offices) using
Sisense widgets to display their business data. The widgets they most commonly
use are selected for their ability to visually display meaningful business information,
not to create pretty pictures (although sometimes it’s a side-effect).
The Top Data Visualization Widgets
(and why our customers are using them)
As a data company, and in order to achieve the above, we look at how our customers
are using dashboards and widgets. Here are 2 column charts and a bar chart illustrating
the top widgets our customers are using:
A Dashboard for Every Goal
Rather than selecting visualizations at random or
inconsistently across dashboards, the goal should use
standard visualizations for specific requirements, unless
there is a compelling reason to diverge from them.
Indicators are used to show two significant values. Consider using conditional formatting, e.g., set the gauge to be the color red for
an indicator that is below target.
The values should be related.
Best Practices:
Numeric indicators are the most easily read visualization for KPIs
Gauges are helpful for indicating the “health” of a value or seeing a value as a
percentage of a target value.
Enhance gauges with color coding to indicate KPIs that are good, bad or may
require attention
Use widgets for only the most critical information. Overuse clutters dashboards
and makes them difficult to understand or use.
Gauges
Best Practices:
When showing a single item over a long period, line charts are better for
revealing trends.
Displaying lines and bars together can give you different views of the same data.
Comparison of Aggregated Values / Totals Cont. Pie and Donut Charts
Do not use if more than three members in the pie chart dimension.
Do not use if the business user is going to use visualization to make fine distinctions.
A point map indicates that the metric shown exists only at a singular point.
This format is best for raw numbers such as sums or counts, or when the data
represents a discrete location.
In Tooltips, provide additional details, including the full names of states, etc.
Comparison of Aggregated Values / Totals Cont.
Donut chart
Bar Charts
Tree maps should be used instead of pie charts where there are more than To be used sparingly, if at all.
two-dimension members.
Show clear labels.
Label dimension members and metrics as much as possible.
Do not use if more than three members in the pie chart dimension.
Do not use if the user is going to be using this visualization to make fine distinctions.
See example dashboards:
GoFigure! e-commerce Dashboard
Donut Chart
Use no more than 6-7 subcategories in a pie chart so information can be easily
understood.
For many types of data, use a tree map instead of a pie chart.
Data should be sorted by size so that slices are also ordered according to their size.
A filled map implies homogeneity of the data over the area to which it applies.
Therefore, the metric should always be normalized, as an average, percent,
or per unit.
All the data we wish to view should be visible without using ribbons.
Weightings
Stacked Bar to 100% example:
The bar should be ordered with the largest values at the base.
Bump Charts
It can be useful to provide multiple choices on the axes, but the list of available options
should not overwhelm the business user, and the possible combinations should make
sense from a business point of view.
Heatmap Chart
Highlight significant data points (such as using an icon for core member).
Label values in cells as much as possible. When deciding on whether to label, consider if the number of labels will
clutter the view.
Provide a legend for the color scheme.
Data point size or color can be used to show additional dimensions.
Use labels with caution as they may clutter the chart or create visual noise.
Highlight significant data points (such as using an icon for core member).
Bubble Chart
The width of the flow indicates its size, so immediately tells a story.
Not restricted to monetary values. Useful in other areas like human resources.
Can be used to illustrate the effect of hires, terminations, and retirement on
headcount.
Distributions of Individual Data Points Distribution of Binned Values
Box and Whisker
Histogram
Area Maps allow you to visualize geographical data as polygons on a map. You can
Scatter Maps and Area Maps use your data to affect the color of the areas. It’s good to note here that these are
four-dimensional and cannot be done in Excel.
Scatter maps are a variant of the scatter chart and allow you to visualize one or two
types of geographical data as data points on a map. Scatter maps distinguish data
by using different colors and sizes for the data points.
Scatter Map:
Best Practices:
Increase the accuracy of the map by entering precise geographical data such as both
the city and the country or the latitude and longitude coordinates.
Use a variety of sizes and colors to display additional information and metrics.
Area line charts are very similar to line charts but are much more visual as the areas
Trends under each line are filled in (colored). Classic area charts have overlapping areas while
stacked area charts do not. Stacking area charts are recommended for displaying
Line Charts and Area Line Charts absolute or relative values over a period of time.
Line charts show solid, discrete numbers or data points over time, with every two Area charts are particularly effective for visualizing differences or disparities among
points joined by a line. Line charts let you easily visualize trends as well as rapid multiple trends.
changes in data that are indicated by spike or peaks. Just about any type of data
over time can be visualized with line charts. If you have a series of data points with multiple trends, consider using a Scatter Chart
that displays the data points without the connecting lines
Line Chart
Area Line Chart:
Best Practices:
When representing multiple types of related data in a single line chart, use a unique
color to indicate each category.
Do not use more than four types of data in a single line or area chart to minimize
visual noise.
Stacked area charts allow you to compare several trends at once visually.
Stacked Area Chart:
Assembling Final Dashboard in the header. The aim is to reduce the amount of effort needed by the business user to
identify exactly what information is being presented.
The dashboard should normally follow a Time Period
Dashboard Header If the business user can choose a date band, show Start Date to End Date.
Dashboard Title
Use an explicit title that says what the dashboard addresses. Using the KPIs
word dashboard in the title is sometimes redundant. KPIs should provide a summary of the dashboard’s main points:
Icons They should generally be shown at the top of the visualization area.
Have client logo and Help icons if necessary. They should be of a
Standard fonts and colors, and numbering conventions should be used, but they can
consistent size and aligned with each other, and consistent with other
generally be larger than on individual visualizations.
dashboards.
Icons can be used to make results clearer.
Displaying Core Metrics in Header
If the business user can use a parameter or filter to show a core metric for For embedded analytics, try inserting some general KPIs and leave the option for the
the dashboard, the name of the selected metric should also be embedded user to change and insert new ones.
Make sure labels are unambiguous. Avoid abbreviations where possible.
Formatting and Display Standards Show total amounts in titles if relevant.
Using a standard font and color scheme provides a Is it possible to misinterpret the values?
recognizable environment for the business user and Axes, Borders, and Gridlines
saves the developer having to develop a new scheme Axes and borders can distract from the visualization.
for each dashboard. Axes should be only used where it is necessary to understand the visualizations.
Font
Gridline and borders should be avoided, for a cleaner feel.
There should be standardized fonts and sizes that comply with a style guide.
Numbering Conventions
Avoid excessively small text.
Numbering conventions should be intuitive and assessed in terms of the likely
When embedding, ask the client for a copy of their brand and style guide in order values to be shown and the amount of precision that is likely to be needed.
to incorporate into the dashboards. Dollar amounts should be shown with currency symbols.
Are there any typos or spelling mistakes? While the idea of a single dashboard might be attractive in principle, the effort the
business user might have to put into understanding how to use it can make it unwieldy.
Does the title make grammatical and logical sense? It may, therefore, make more sense to give a series of more structured dashboards
broken out by subject area.
Tooltips
Too many or too large visualizations on a single dashboard
Tooltips should give additional details. They should not be substitutes for labeling.
Keep the dashboard limited to 3-4 main charts, so the business user is not scrolling
The other standards regarding font, numbering, color scheme, clarity should also be to view components.
applied to tooltips.
Unclear language or unnecessary abbreviations
Typically, this is found when adding in data fields from the source without changing
the names. The data source naming convention may not be suitable for visualizations.
Using the name “Prod Desc” rather than the simpler “Product.”
Too many different types of information on one visualization Combining magnitude and composition on a visualization
Do not overload a single visualization with too much information (e.g., including, Avoid trying to show both relative size and composition simultaneously on
sales, demographic information, comparisons, etc.). This can overwhelm the the same visualization.
business user. Instead, consider tooltips or separate charts.
It should be possible to know the values being displayed on the dashboard without
the use of tooltips or other interactions.
Redundant visualizations
Confirm that the same business question with the same data is not being displayed
different ways in multiple visualizations, like having two views to illustrate ‘percentage
of customers by the state’ or ‘total sales by salesperson.
Misapplying geographical maps Displaying too much granular information
Do not use geographical maps for displaying aggregated data such as totals. Only relevant data should be displayed. A large undifferentiated table can confuse
the relevant data points.
Large contributions from the geographically smaller state can be missed.
Geographically larger states can be given undue weight by the business user
due to their size.
Overly formatted visualizations Being unable to see the visualization from the business user’s perspective
Control the use of borders, so they do not overwhelm the business user. It is not uncommon for developers to know the business area so well that they assume
Borders should not be used to separate sections, table rows, or define top panels certain points are obvious, so it is key to get a new, third-party perspective and validate
and side panels. that your message comes across to others.
And if you are embedding analytics for your customers, always clarify their exact needs
and get feedback on the dashboards to make sure they are useful.
NOTE: Usage analytics can help determine which dashboards are being used, therefore
indicating which ones should be investigated further.
Dashboard Design
Worksheets & Checklists
#4 in a Series of 4
Peer Checklist:
Common Dashboard Pitfalls
Initial Planning Checklist
Task Developer
No redundant visualizations
The business user gets the information they require without extensive
knowledge of the dashboard, data modeling, or Sisense
Notations are in plain English
There are no typos, truncations or unexplained variations from the
house style
Efficient use of space
Only abbreviations where absolutely necessary
Visualizations aligned
Task Developer
No redundant visualizations
The business user gets the information they require without extensive
knowledge of the dashboard, data modeling, or Sisense
Notations are in plain English
There are no typos, truncations or unexplained variations from the
house style
Efficient use of space
Visualizations aligned