Corporate Design

Question 1

Which graphs can you choose for each of the following?

1. deviation
2. correlation
3. ranking
4. distribution
5. evolution
6. part to whole
7. magnitude

Answer 1

1. deviation: (a) change from baseline, (b) waterfall
2. correlation: (a) scatter plot, (b) heat map
3. ranking: (a) horizontal bar chart, (b) dot plot
4. distribution: (a) boxplot, (b) histogram
5. evolution: (a) kaplan meler, (b) line plot
6. part to whole: (a) stacked barchart, (b) tree map
7. magnitude: (a) verticle bar chart, (b) forest plot

Question 2

which is right graph for plotting: deviation?

Answer 2

Question 3

which is right graph for plotting: correlation?

Answer 3

Question 4

which is right graph for plotting: ranking?

Answer 4

Question 5

which is right graph for plotting: distribution?

Answer 5

Question 6

which is right graph for plotting: evolution?

Answer 6

Question 7

which is right graph for plotting: part-to-whole?

Answer 7

Question 8

which is right graph for plotting: magnitude?

Answer 8

Question 9

where to place labels?

Answer 9

try next to data before attenpting legend

Question 10

how to compare elements?

Answer 10

group on the same plot

Question 11

how to order?

Answer 11

rank or alphabetize

Question 12

how to compare 1-d judgements?

Answer 12

common vertical scale

Question 13

how to plot means?

Answer 13

mean difference (not two means)

Question 14

reference lines

Answer 14

user them as anchors

Question 15

differentiating between categories of same variable

Answer 15

do not use different colors

Question 16

how to compare polar opposites?

Answer 16

red for positive, blue for negative

Question 17

how to emphasize details (like baseline)?

Answer 17

color: alpha (bold) or contrasting colors

Question 18

how to emphasize data?

Answer 18

lighten the ink (soften gridelines with light color)

Question 19

how to reduce plot clutter?

Answer 19

• remove background noise and excessive colors
• use dots over a bar
• repeat same plot excentuating only one plot at a time (only applies for undistinguishable lines - i.e. too dense)

Question 20

plotting cause vs. effect

Answer 20

cause on the x-axis and effect on the y-axis

Question 21

slope

Answer 21

use 45 degree angle to avoid over-interpretation of slope

Question 22

log-normally distributed variables (e.g. AUC)

Answer 22

do NOT plot on linear scale

Question 23

space for plots

Answer 23

use space to denote scalar distance

(for instance spread out non-linear weighting times non-linearly)

Question 24

storytelling using plots

Answer 24

plot inferences to support stories

Question 25

plotting elements

Answer 25

1. titles 2. annotations 3. labels 4. shapes 5. colors 6. textures

Question 26

long titles on plots

Answer 26

break them into two lines

Question 27

font for plots

Answer 27

* use easiest to read (sans serif) * only use bold or italics to REALLY emphasize (do not use on everything) * use font size for heirarchy (e.g. titles 2pt larger than rest)

Question 28

annotations on plots

Answer 28

* provide to support message * label axes with clear measurement units

Question 29

text visibility

Answer 29

favor dark on light with enough contrast to be visible

Question 30

angled text on plots

Answer 30

do NOT do it, try transposing graph

Question 31

color

Answer 31

* emotion, importance * **active vs passive**: orange, red vs. blue, purple * **types**: primary to analogous * **relationships**: monochromatic to triad

Question 32

contrast

Answer 32

Question 33

repetition

Answer 33

* repeat patters to esablish style * be consistent with similar elements

Question 34

tools of design

Answer 34

1. **color**: alpha, hue 2. **alignment**: space, proximity, 3. **lines**: straight, curve, squiggly 4. **texture**: concrete 5. **shapes**: geometric (square), natural (leaf), abstracted (icons)

Question 35

importance/emphasize

Answer 35

* **size**: dimensions, ... * **color**: hue (red), tone (alpha) * **font**: pixel, bold, underline, capitalize * **alignment**: e.g. - front and center, ...

Question 36

visualize value

Answer 36

* alpha (tone)

Question 37

create a pattern

Answer 37

* **color**: color, alpha * **shapes**: lines * **repetition**:

Question 38

create depth

Answer 38

* **color**: alpha, hue

Question 39

connect content

Answer 39

* **lines**: * **poximity**: * close things connected, * distant things give eyes space * alignment