sainathgunda99@gmail.

com
DLZNK464L9 Dashboards

Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
This file is meant for personal use by sainathgunda99@gmail.com only.
Sharing or publishing the contents in part or full is liable for legal action.
 Agenda
In this session, we will discuss:
• Introduction to Dashboards
• Key Performance Indicators
• Reports vs. Dashboards

sainathgunda99@gmail.com
DLZNK464L9

Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
This file is meant for personal use by sainathgunda99@gmail.com only.
Sharing or publishing the contents in part or full is liable for legal action.
 Different Groups of Data Visualization

40%
A B
C 40 25
D 32 22
Summary Statistics Tables Data Distributions Counts by Category

sainathgunda99@gmail.com
DLZNK464L9

Sonification Maps Hierarchical Patterns Relationships

Icons

1. What type of data do I have?

When picking a group 2. What do I know how to make?
of visualizations 3. What type of story am I trying to tell with it?
4. What sort of things are my audience familiar with?
5. This
What file isare
meantmy space/time
for personal constraints? only.
use by sainathgunda99@gmail.com
Sharing or publishing the contents in part or full is liable for legal action.
Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
 Dashboards
Data Dashboard:
• 2006: Visual display of the most important information, all on a single screen
so it can be monitored at a glance.
• 2020+: That, but also, reactive to user needs & questions, regularly updating,
produce reports.

Interactive &
sainathgunda99@gmail.com Downloadable Critical Automatic
DLZNK464L9
Reactive Reports Information Updates

Note: A dashboard is a standalone product. The viewer must

completely understand data limitations.

Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
This file is meant for personal use by sainathgunda99@gmail.com only.
Sharing or publishing the contents in part or full is liable for legal action.
 Dashboards
Key Performance Indicators (KPI): Metrics that demonstrate progress toward a goal.

Benchmarks Project Measurements

Outcomes Inputs Process Output

sainathgunda99@gmail.com
DLZNK464L9 • Increased customer • Ingredients cost, • Speedy service & • Good tacos in a
satisfaction employee cost product consistency minimal time
• Individuals with
• Address inequity in • Employee data & • Contract amounts, unequal pay
salaries salary data raises and • Interesting and
promotions educational videos

• Grow audience & • Viewership & • Speed to

patreon subscribers subscribers production &
number of
revisions
This file is meant for personal use by sainathgunda99@gmail.com only.
Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
Sharing or publishing the contents in part or full is liable for legal action.
 Key Performance Indicators
Lagging KPI: Leading KPI:
Performance indicator of Performance indicator that
something that has happened signals something to come

sainathgunda99@gmail.com
DLZNK464L9

Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
This file is meant for personal use by sainathgunda99@gmail.com only.
Sharing or publishing the contents in part or full is liable for legal action.
 Key Performance Indicators
• MSINFO1: Students will establish the ability to exercise All programs across campus have assessment
the four key techniques of computational thinking: competencies. Are these outputs, outcomes,
Decomposition, pattern recognition, abstraction, and processes, or inputs?
algorithms.

• MSINFO2: Students will obtain the skills of collecting,

manipulating, and analyzing different types of data at These are the Outcomes we have
DLZNK464L9 different scales and interpreting the results properly.
sainathgunda99@gmail.com
for our students and their time in
the program.
• MSINFO3: Students will acquire the skills to
communicate the results of their work to
interdisciplinary teams, using appropriate visualizations,
How are we
multi-media, or artistic performance.
checking to see if
we are meeting
• MSINFO4: Students will demonstrate an understanding
these things?
of information and data ethics, including ethical and
legal requirements of data privacy and security and the
values of the information fields to serve diverse user
groups. This file is meant for personal use by sainathgunda99@gmail.com only.
Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
Sharing or publishing the contents in part or full is liable for legal action.
 Key Performance Indicators
Benchmarks Project Measurements

Outcomes Inputs Process Output

MSINFO1: Grades from classes Time-to-Degree # graduating

MSINFO2: Capstones projects Graduation % students
sainathgunda99@gmail.com
DLZNK464L9 MSINFO3: Surveys of students
MSINFO4: Surveys of instructors
Assignment grades

% of graduating students scoring 4 or 5 Q.) Are these lagging or

on MSINFO1 on the evaluation of their leading KPIs?
KPIs capstone project by their supervisor.
Ans.) Only lagging. We are
% of graduating students self-
not catching issues before
assessing as 'very well' on MSINFO1
they happen, only after it is
on the exit survey.
too late - which is bad!
This file is meant for personal use by sainathgunda99@gmail.com only.
Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
Sharing or publishing the contents in part or full is liable for legal action.
 Reports vs. Dashboards
Dashboards are named after automobile dashboards - and they have some similarities too!

sainathgunda99@gmail.com
DLZNK464L9

Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
This file is meant for personal use by sainathgunda99@gmail.com only.
Sharing or publishing the contents in part or full is liable for legal action.
 Summary
Here is a quick recap:
• A dashboard is often a graphical representation of important data or information that is presented
in a single, user-friendly view.
• Key Performance Indicator (KPI) is a metric that demonstrates progress toward a goal.
• Reports are typically static documents presented in a structured format, such as Word documents,
whereas Dashboards are interactive, visual displays of data that are typically web-based which
provide a real-time view of key performance indicators.
sainathgunda99@gmail.com
DLZNK464L9

Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
This file is meant for personal use by sainathgunda99@gmail.com only.
Sharing or publishing the contents in part or full is liable for legal action.
sainathgunda99@gmail.com
DLZNK464L9 Dashboard Visualizations

Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
This file is meant for personal use by sainathgunda99@gmail.com only.
Sharing or publishing the contents in part or full is liable for legal action.
 Agenda
In this session, we will discuss:
• Unique Dashboard Visualizations
• Gauge Plot
• Speedometers, Batteries, and Traffic Lights
• Indicator Plots
• Summaries and Icons
• Emojis
sainathgunda99@gmail.com
DLZNK464L9
• Markers: Alerting Human Interaction

Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
This file is meant for personal use by sainathgunda99@gmail.com only.
Sharing or publishing the contents in part or full is liable for legal action.
 Unique Dashboard Visualizations

6,000 2

85%
1 3

sainathgunda99@gmail.com
DLZNK464L9

Note: Most dashboard-specific plots

• Speedometers = Low-information donut plot where only one
present very little information, but
number means anything about the data.
all do so in the context of
understanding KPIs.
• The other numbers and colors are there to provide context
and meaning for that data point.

• For all these, you could cover up the dial and leave the
number and have the same info.

Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
This file is meant for personal use by sainathgunda99@gmail.com only.
Sharing or publishing the contents in part or full is liable for legal action.
 Gauge Plot

Note: Python does not have an inherent function

to create a gauge plot, but it can be done by
creatively using a pie chart and a circle (to make
the pie chart look like a donut chart) and then
adding text inside the donut chart.

sainathgunda99@gmail.com
DLZNK464L9

Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
This file is meant for personal use by sainathgunda99@gmail.com only.
Sharing or publishing the contents in part or full is liable for legal action.
 Battery Plot

They are essentially proportional stacked

bar charts.
• ‘Grey' or 'uncharged' group
• ‘Charged' proportion group
• together, they add up to 100

sainathgunda99@gmail.com
DLZNK464L9

Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
This file is meant for personal use by sainathgunda99@gmail.com only.
Sharing or publishing the contents in part or full is liable for legal action.
 Battery Plot

sainathgunda99@gmail.com
DLZNK464L9

Note: You can use matplotlib library in Python to create a

battery indicator plot. It is not directly available, but we
can achieve this by combining rectangle patches.

Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
This file is meant for personal use by sainathgunda99@gmail.com only.
Sharing or publishing the contents in part or full is liable for legal action.
 Traffic Lights
KPI 1 KPI 2 KPI 3 KPI 4 KPI 5 KPI 6 KPI 7

Why is it a problem to have a long list of single traffic light indicators like this?
sainathgunda99@gmail.com
DLZNK464L9

• Traffic lights have meaning when your little circles are

very clearly traffic lights.

• This can require context (like the stoplight wrapper

image).

• Or, it can be provided if all three colors are present.

Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
This file is meant for personal use by sainathgunda99@gmail.com only.
Sharing or publishing the contents in part or full is liable for legal action.
 Speedometers, Batteries & Traffic Lights

50% Sales 75% Sales

Last Quarter This Quarter
sainathgunda99@gmail.com
Growth % in 2021
DLZNK464L9

What is the biggest problem with all above three of these Dashboard Indicators?

• Dashboard indicators are meant to represent current or ongoing conditions.

• If your car's speedometer told you that yesterday you were parked instead of
your current, ongoing speed - you'd assume the car was broken.

Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
This file is meant for personal use by sainathgunda99@gmail.com only.
Sharing or publishing the contents in part or full is liable for legal action.
 Indicator Plots
Q.) The plots on the left are all, for one reason
or another, bad uses of gauge plots. Why do I
say that?

Ans.) They have more than one color in the

gauge – which makes it confusing as to what
sainathgunda99@gmail.com they are supposed to read as the gauge. Also,
DLZNK464L9
bending multiple bars requires reading an
angle, not a length. No concentric rings!

Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
This file is meant for personal use by sainathgunda99@gmail.com only.
Sharing or publishing the contents in part or full is liable for legal action.
 Indicator Plots

sainathgunda99@gmail.com
DLZNK464L9

Note: Either one bar for length or a

pointer for position - not both!

Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
This file is meant for personal use by sainathgunda99@gmail.com only.
Sharing or publishing the contents in part or full is liable for legal action.
 Summaries and Icons
• KPIs often boil down to single data
points that are important.

• Sometimes, you just need the

numbers up there.

• Icons can help to break up lists of key

sainathgunda99@gmail.com
DLZNK464L9 KPIs.

Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
This file is meant for personal use by sainathgunda99@gmail.com only.
Sharing or publishing the contents in part or full is liable for legal action.
 Icons , Symbols and Glyphs

Icons are direct Glyphs are usually Symbols are

representations of typographical direct or indirect,
something. They characters and not similar to icons,
are a visual direct but they may be
metaphor. representations. figurative.

sainathgunda99@gmail.com
DLZNK464L9

Music <))))

Church ©
Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
This file is meant for personal use by sainathgunda99@gmail.com only.
Sharing or publishing the contents in part or full is liable for legal action.
 Emojis

sainathgunda99@gmail.com
DLZNK464L9

Q.) Are these icons, glyphs, or symbols?

Ans.) All are glyphs (you can type them).

Some are also icons.
Some are also symbols.

Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
This file is meant for personal use by sainathgunda99@gmail.com only.
Sharing or publishing the contents in part or full is liable for legal action.
 Icons
• These are some common car warning lights (illuminated
icons).

• But if you remove the label, do all of them make sense?

• With dashboards, you can have hover-over labels or

include text, but only while that icon still likely retains
sainathgunda99@gmail.com
DLZNK464L9 meaning.

• Icons lose and gain meaning much faster than you would
expect.

Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
This file is meant for personal use by sainathgunda99@gmail.com only.
Sharing or publishing the contents in part or full is liable for legal action.
 Icons

These are some

commonly used icons,
sainathgunda99@gmail.com which of the following
gives a clear
DLZNK464L9

explanation?

Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
This file is meant for personal use by sainathgunda99@gmail.com only.
Sharing or publishing the contents in part or full is liable for legal action.
 Markers: Alerting Human Interaction

sainathgunda99@gmail.com
DLZNK464L9

How do we tell people that something is poisonous 12,000 years

in the future?

Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
This file is meant for personal use by sainathgunda99@gmail.com only.
Sharing or publishing the contents in part or full is liable for legal action.
 Summary
Here is a quick recap:
• Creating unique dashboard visualizations can help make your data more engaging and easier to understand.
• A gauge plot is a type of data visualization that resembles the face of a traditional analog gauge or speedometer
and is used to display a single value or metric within a predefined range.
• Speedometers can be used to represent Key Performance Indicators (KPIs) like sales targets or production
efficiency. The needle's position on the speedometer visually communicates whether the metric is above,
below, or on target.
• Battery icons or visuals are often used in data visualization to represent the level of a particular attribute or
sainathgunda99@gmail.com
DLZNK464L9
resource, and Traffic lights, with their red, yellow, and green colors, are a familiar way to convey status and
alerts.
• Indicator plots are concise data visualizations that display a single metric or KPI relative to a benchmark. They
provide a clear and intuitive representation of performance status.
• Icons serve as direct depictions of objects or concepts, embodying a visual metaphor. Glyphs typically consist of
typographical characters and don't directly represent objects. Symbols, akin to icons,
can convey direct or indirect meanings, often taking a figurative form.
• Markers are elements designed to draw attention to or prompt human interaction.

Proprietary content. ©University of Arizona. All Rights Reserved. Unauthorized use or distribution prohibited.
This file is meant for personal use by sainathgunda99@gmail.com only.
Sharing or publishing the contents in part or full is liable for legal action.