ReportingDataBCU Journal Club 20091028 José Ramón Macías

“ Define beautyto be a harmony of all the parts... fitted together with such proportion and connection, that nothing could be added, diminishedor altered, but for the worse.”- Leon Battista (1406-1472)

“Beauty emerges from every design that is working.Buckminster Fuller architect

“it’s like potatoes, they may have the most nutritional value straight out of the ground, but it taste like dirt......cut them up, fry’em, throw some chili and cheese on them, and you have yourself an audience”Jess @wallstats.com

Data:“It’s like potatoes, they may have the most nutritional value straight out of the ground, but it taste like dirt…

…cut them up, fry’em, throw some chili and cheese on them, and you have yourself an audience” Jess @wallstats.com

Jess @wallstats.com

Pie Chart

Vivek Singh

What is your key message?

Do you really needa chart?

Which chart type should you use

How should you designthe chart?

Use charts only to

a chart dissection

Surprisingly, conditions 4 & 5 behave the same!20 %15 %10 %5 %0cond1cond2cond3cond4cond5

Axis presents what is measured……and the units of measurement.Surprisingly, conditions 4 & 5 behave the same!20 %15 %10 %5 %0cond1cond2cond3cond4cond5

Surprisingly, conditions 4 & 5 behave the same!Present only as much data points as necessary, but not more.20 %15 %10 %5 %0cond1cond2cond3cond4cond5

Only relevant data points should be labeled, otherwise they just will clutter the chart.Surprisingly, conditions 4 & 5 behave the same!19 %20 %17 %13 %13 %15 %10 %5 %2 %0cond1cond2cond3cond4cond5

Use legends only for more than one data series.Most of the times labeling directly the lines or pie slices will work better.Surprisingly, conditions 4 & 5 behave the same!20 %15 %Observed10 %5 %Expected0cond1cond2cond3cond4cond5

Title must clearly and briefly state the main pointof the chart, the one that supports the presentation purpose.Surprisingly, conditions 4 & 5 behave the same!20 %15 %10 %5 %0cond1cond2cond3cond4cond5

Data sourcemust be provided in a way to allow readers to check data by themselves.Surprisingly, conditions 4 & 5 behave the same!- Doe J. et al. Nature 2009 20 %15 %10 %5 %0cond1cond2cond3cond4cond5

Color is not for decoration.Use as less as possible and only to remark your point.

You should also highlight less obvious but important issues.Surprisingly, conditions 4 & 5 behave the same!This differencealso difficultto explain20 %15 %10 %5 %0cond1cond2cond3cond4cond5

(soft) Animation effects may help to understand complex charts.Surprisingly, conditions 4 & 5 behave the same!20 %15 %Observed10 %5 %Expected0cond1cond2cond3cond4cond5

I. remove grid linesII. adjust sizeIII. revise colorIV. erase backgroundV. make lines thickerVI remove legendVII delete useless labelsVIII move units from axisIX. make axis lines thickerX. change 3D into 2DImprove yourCharts in 10easy steps

Examples

1#

“ Design is too important to be left to designers ”- Raymon Loewy

Surprisingly, conditions 4 & 5 behave the same!

2#

Nancy Duarte

3#

Something to avoid

being creative and searching for simplicitydidn’tgave an answerdidn’t know what a BLOG is !!!

AfterBefore

Some statistics…people that visit blogsregularlythesedon’t

rethinking pie chartsuncensoreduncensoreddiversitydiversityspontaneityspontaneity

Most valuedfeature from blogs:diversityspontaneityuncensored

Most valuedfeature from blogs:uncensoreddiversityspontaneity

4#

Nancy DuarteDESIGNCOMPONENTS

Hierarchy

Flow

Contrast

Proximity

White space

Yes, white space…