1. DataCoach.ca
Table vs. Graph :What are graphs and tables for ?
Table and Graph represent a quantitative relationship between set of categories and set of
quantitative values
Categories: Department category and Q1 (Jan, Feb,
March) category
Budget Forecast 2012
Quantitative value: Budget in US $(Measure of
Department Jan Feb Mar
Marketing 83,333 62,465 79,456 Money)
Sales 38,838 41,899 48,500
HR 37,780 32,878 29,665
Finance 58,976 51,786 55,346
Total $218,927 $189,028 $212,967 US.$ 90,000 Budget Forcast Q1 2012
80,000
70,000
60,000
50,000 Marketing
40,000 Sales
30,000 HR
20,000
Finance
10,000
0
Jan Feb Mar
Q1 2012
2. DataCoach.ca
Table vs. Graph : which one communicate your message better?
Apply graph when Apply table when
The message contained in
The display will be used to look
shape of values like
up individual values
patterns, trends or exceptions
Graph can display large amount
It will be used to compare
of data that can be readily
individual values
perceived and understood
Both detail and summary values
need to be included
4. DataCoach.ca
Table Design: What quantitative relationship table can display?
Relation between single Relation between one set Relation between one set
set of quantitative value of quantitative values and of quantitative value and
and one set of the intersection of the intersection of
categorical items multiple categories hierarchical categories
Sales 2011 2012
Rank Produt (US $) Region Q1 Q2 Q3 Q4 Q1 Q2
1 Product E 1,862 North 632 986 309 343 822 237
2 Product I 1,702 East 314 279 911 456 949 999
3 Product B 1,490 South 641 303 498 620 918 967
4 Product F 1,422 West 235 830 239 512 742 929
5 Product H 1,356 Total 1,822 2,399 1,956 1,931 3,431 3,133
6 Product A 1,277
7 Product C 1,268
8 Product J 1,256
9 Product D 1,081 Region
10 Product G 1,072 Year Qtr North East South West Total
2011 1 632 314 641 235 1,822
2 986 279 303 830 2,399
3 309 911 498 239 1,956
4 343 456 620 512 1,931
2012 1 822 949 918 742 3,431
2 237 999 967 929 3,133
7. DataCoach.ca
Table Design: What column sequence is right for your table?
• Column that need comparison • Derived Column next to column that has
need to be next to each other been calculated from
Last Year This year % of Total Fcst
Product Unit Sold Revenue Revenue Product Unit Sold Actual Revenue Revenue Revenue
Product 01 3,546 127,330 34,332 Product 01 1,067 155,824 29% 10,964
Product 02 57 42,090 170,500 Product 02 2,042 25,527 5% 8,755
Product 03 3,526 159,948 83,847 Product 03 225 94,894 17% 66,772
Product 04 2,515 84,484 11,536 Product 04 688 105,196 19% 70,524
Product 05 127 35,986 50,315 Product 05 602 162,389 30% 66,129
Total 9,771 449,838 350,531 Total 4,624 543,830 100% 223,145
8. DataCoach.ca
Table Design: Where and how use formatters in your table?
• Percentage Format
• Number Format
6.56% 6.56% 4,860
81.8% 81.80% (3,298)
59% 58.67% 6,150
36.48% 36.48% 8,059
35.3% 35.31% 8,123
39.9% 39.93% (9,448)
23.39% 23.39% 2,408
47% 47.14% 3,828
86% 86.00% (1,561)
64.43% 64.43% 5,248
(8,563)
Percentage Column with same vs. different decimal
Places
9. DataCoach.ca
Table Design : What table columns you should sort by?
• Numbers and dates both have natural order that can be
sorted ascending or descending
• Other data, such as the name of things (e.g., products,
customers, and countries) use alphabetical order which is
useful for lookup but is not meaningful otherwise
• If items have a natural order that is meaningful , sort them
in that order
10. DataCoach.ca
Graph Design : What message graph can communicate?
• Graph can encode quantitative values in form of :Points, Lines, Bars, Boxes,
Shape with varying 2-D Area, Shape with color intensity
• Quantitative relationship in graph :Time Series, Ranking, Nominal
Comparison, Part-to-Whole, Deviation (single and Multiple), Correlation,
Geospatial
11. DataCoach.ca
Graph Design : What is time series and how graph can display it?
• Values display how something changed through the time(Yearly, monthly, etc.)
• X axis of the graph usually provides time interval scale
• Use lines when you have value for every interval of time
Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
161,896 174,444 78,358 129,610 122,186 96,912 139,536 36,456 172,353 170,134 166,081 168,224
200000
180000
160000
140000
120000
100000
80000
60000
40000
20000
0
Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
12. DataCoach.ca
Graph Selection: What is a time series relationship and what
graphs can display it?
• Use points when you don`t have value for every interval of
time
Jan Apr May Jul Aug Oct Nov Dec
161,896 129,610 129,610 139,536 36,456 170,134 166,081 168,224
180000
160000
140000
120000
100000
80000
60000
40000
20000
0
Jan Apr May Jul Aug Oct Nov Dec
13. DataCoach.ca
Graph Selection : What is a ranking relationship and what
graphs can display it?
• Ranking display how quantitative values relate to one another sequentially ,sorted
by size from lowest to highest or vice versa
• One axis of graph display categories labels and the other display quantitative
values
• Bars are natural choice for display Ranking unless quantitative scale dose not
begin at zero, In this case Points are better choice
350
Order Management
300
Sales
250
200 Marketing
150
Manufacturing
100
50 Technology
0 Human Resource
Finance
Engineering
0 50 100 150 200 250 300 350
14. DataCoach.ca
Graph Selection : What is a part-to-whole relationship and
what graphs can display it?
• Display how individual values that make up whole of something (e.g. total
sales)
• Pie charts and stacked bars can display part-to-whole relationship
East West North South
6%
11%
80
East
44%
West
North
South 70
39%
20
10
1
15. DataCoach.ca
Graph Selection : What is a deviation relationship and what
graphs can display it?
• A deviation graph displays the degree to which one or more set of quantitative
values differ in relation to a primary set of values
• Bars (vertical and horizontal) can display deviation relationship
Actual Plan
Sales 89.57%
Sales 36.15 346.69
Marketing -7.21%
Marketing 298.22 278.17
Operations -32.54%
Operations 159.05 120.00
Engineering 36.68%
Engineering 214.89 339.36
Finance -43.27%
Finance 389.13 271.60
Head Count 2012
Head Count 2012 - Variance from plan
Actual Plan
100.00%
450.00 80.00%
400.00
60.00%
350.00
300.00 40.00%
250.00 20.00%
200.00 0.00%
150.00
-20.00%
100.00
50.00 -40.00%
0.00 -60.00%
Sales Marketing Operations Engineering Finance Sales Marketing Operations Engineering Finance
16. DataCoach.ca
Graph Selection : What is a correlation relationship and what
graphs can display it?
• Correlation graphs display the relationship between two
paired sets of quantitative to demonstrate whether or not
they are related, and, if so, the direction of the relationship
(is positive or negative)
100000
90000
80000
Salary in US $
70000
60000
50000
40000
30000
20000
55 60 65 70 75 80 85
Height in inches
17. DataCoach.ca
Graph Selection : What is a geospatial display and how to
display it on a map?
• Geospatial displays feature the geographical location of values on a map
• Points of different size and color intensity can be used to capture values
18. DataCoach.ca
Graph Selection : What is a geospatial display and how to
display it on a map?
• Points of different size and color intensity can be used to capture values
19. DataCoach.ca
What is overall strategy?
• Should the message be presented in the form of a table or a graph?
• If a table, which kind of relationship should it display?
• Between single set of quantitative values and a single set of categorical subdivision
• Between single set of quantitative values and the intersection of multiple categories
• Between single set of quantitative values and the intersection of hierarchal
categories
• If a graph, which kind of relationship it display?
• Time Series
• Ranking
• Part-to-whole
• Deviation
• Correlation
• Geospatial
• If a graph, which object or combination of objects for encoding the
quantitative value work best?
• Points
• Lines
• Bars
• Boxes