Lesson 5: How to create effective charts and diagrams

Description

Course objectives

This lesson covers how to make the key points in your charts and graphs stand out. Learn about the types of conceptual diagrams you can use to visualize your information. By the end of this lesson, you'll know:

  • How to make your charts easier to understand at first glance
  • How to use design principles to make your key points stand out
  • The types of diagrams you can use to visualize information
  • How to use visualizations in the form of allegories and analogies

Co-Author

Lesson-1-what-to-do-before-designing-your-presentation-1.png

Module 1: How to Create Persuasive Charts and Graphs

  • Resist the urge to immediately choose a chart
  • The four types of charts
  • Consulting for context before you start creating charts
  • How can you use your data to make a point?
  • Refine your chart by decluttering
  • Limit eye movement from one end of the chart to another

Module 2: How to Choose the Right Type of Chart for Your Message

First, put your ideas down on paper before rushing to choose the type of chart you think would work best. Once you’ve defined what you want your audience to know, you can match some of these keywords to different types of charts, summarized in this handy cheat sheet.

A graphic containing the following words: VARIABLE WIDTH TABLE WITH BAR CHART BAR CHART CIRCULAR AREA BAR CHART COLUMN CHART EMBEDDED CHARTS HORIZONTAL VERTICAL CHART LINE CHART VERTICAL LINE CHART .1I [Cyclical Data Non-Cyclical Single or Few Many Two Variables Many Few Categories Data Categories Categories per Item Categories One Variable BAR HISTOGRAM per Item Among Items Over Time Few Data Points SCATTER PLOT Single COMPARISON Variable LINE HISTOGRAM Two Variables SCATTER PLOT RELATIONSHIP What would you like to show? DISTRIBUTION BUBBLE SAZE Many Data Points Three or more Variables COMPOSITION SCATTER PLOT Changing Over Time Static TWO Variables . . . Few Periods Many Periods Only Relative Relative and Only Relative Relative and Simple Accumulation or Accumulation to Differences Absolute Differences Absolute Share of Subtraction Components total and absolute Matter Differences Matter Matter Differences Matter Total to Total of Components difference matters STACKED BAR STACKED AREA STACKED AREA PIE CHART WATERFALL STACKED 100% TREE MAP STACKED 100% BAR CHART CHART 100% CHART CHART CHART BAR CHART WITH SUBCOMPONENTS

Get the 125-page guide to creating visual slides with impact

Module 3: Make Your Key Point Stand Out

For each element in your chart, ask yourself: “Do I need this to communicate my key message?” If the answer is no, then consider eliminating it.

Ask yourself, “Can this be summarized?” If certain details are not essential, then consider summarizing certain elements by grouping them into broader categories.

A graphic containing the following words: BEFORE AFTER women's Women's Apparel Men's Apparel men's 12-6am 6 am-12 pm 12 - 6 pm 6 pm - 12 am 0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100% 12am-3am 3 am - 6am 6 am -9am 9 am - 12 pm 12 pm - 3 pm 3 pm - 6 pm 6 pm -9 pm 9 pm - 12 am

Module 4: Use Color to Highlight Key Points

Next, push all chart elements to the background by applying a light grey color. Then go through the most important of these elements, and use different design techniques to make them stand out, such as making the size bigger, making certain lines thicker, applying color, adding data explainers or labels, among others.

A graphic containing the following words: BEFORE AFTER BILLIONS OF US $ 1,200 1,200 Student loans 1.000 1.000 Auto 800 800 Credit Card 600 Home equity 400 400 Other 200 - Aula 2004 2013

Module 5: Stick to a Few Colors

Use only two to three colors to highlight the most important points. Use grey for the rest of information.

In this example, we see how using only two colors (and summarizing information into two groups) make it easier to grasp the key point of this chart.

A graphic containing the following words: BEFORE AFTER TIME BY ORIENTATION PERCENTAGE SHARE 10 100 Vertical Mobile Screens 6 Computer 60 40 Horizontal Television Screens 2 20 2010 2011 2012 2013 2014 2015 2010 2011 2012 20713 2014 2015

Module 6: Declutter Your Charts

When possible, do away with chart gridlines and borders. In this example, the chart gridlines are not necessary to understand the key point of this chart, which is that slow Comcast speeds caused a spike in customer calls in 2014.

A graphic containing the following words: BEFORE AFTER 4.DOO 3,000 3,DOO NUMBER OF CALLS TO Netflix agrees to pay 2,DOO NETFLIX FOR 2,DOO Comcast to directly REBUFFERING/ connect to its network SLOW LOADING (20% SAMPLE) 1,000 1,DOO Sep Mar Sep Mar Sep Jan Mar May Jul Sep NDV Jan 2012 2013 2014

Module 7: Eliminate Legends When Possible

In order to limit eye movement from one end of the chart to another, eliminate legends when possible and instead label segments, lines or bars directly.

In this case, the chart on the right is labelled directly and, therefore, much easier to read in one glance since the reader does not need to look back and forth between the chart and the legend labels.

A graphic containing the following words: BEFORE AFTER 15% NOT AT ALL INTERESTED 44% EXTREMELY INTERESTED 19% 22% 19% 15% 44% MODERATELY INTERESTED MINIMALLY INTERESTED EXTREMELY MODERATELY MINIMALLY NOT AT ALL 22%

Module 8: Types of Diagrams

A graphic containing the following words: CHARTS & DIAGRAMS pie chart venn diagram concentric diagram circular chart bubble chart bubble race chart o line chart area chart scatter plot sunburst chart fan chart windrose chart bar chart tape diagram gantt diagram tree map grid periodic table arc diagram sankey chart chord chart radar chart polar grid spiral graph YES NO timeline flow chart binary tree mind map decision tree block scheme


A graphic containing the following words: ABSTRACT ANALOGIES X X pyramid funnel spoke wheel cycle wheel staircase game strategy sketch subway map speedometer chart gears ferris wheel lever scales map Ishikawa diagram genealogy tree anatomy maze puzzle


A graphic containing the following words: ANALOGIES iceberg mountain layers of the onion sandwich solar system clock face domino effect roller coaster experiment root tree circulatory system


A graphic containing the following words: ALLEGORIES life of a household life of a city marathon evolution food chain meat cuts the playing field factory tool set conveyor belt road the machine

Get Your Presentation Design 101 Badge

Source