What’s Inside

• 0:00 The 2-pager about NIH grant terminations
• 2:20 Lookup table with Stateface icons
• 2:38 Original table from the policy brief
• 2:47 The dataset
• 2:58 Idea 1: A better table that’s Accessible and accessible
• 3:22 Idea 2: A static graph or map
• 3:40 Idea 3: An interactive visualization
• 3:55 Idea 4: A 2-page infographic
• 4:06 The call-out boxes with icons at the top
• 4:12 The finished map
• 4:30 The finished table
• 4:42 Color-coding by category
• 4:51 Big-picture first, then more detailed, then more detailed
• 5:15 The finished product again
• 5:29 More ideas for the original policy brief
• 6:04 Let’s connect

Download the Spreadsheet

It’s here.

The post Designing a 2-Page Infographic: NIH Grant Terminations appeared first on Depict Data Studio.

What’s Inside

• 0:00 Intro
• 0:44 What Canva looks like inside
• 1:11 Making a new infographic in Canva
• 1:20 Paid vs. free Canva
• 1:55 Bad infographics are probably still better than 100-page Dusty Shelf Reports
• 2:15 Brand presets
• 2:39 Mixed case is fastest to read
• 2:46 Left-aligned text is fastest to read
• 3:01 Adjusting the step-by-step diagram
• 3:57 Adjusting the icon array of the gingerbread people
• 4:11 Avoid red-green combos
• 4:22 Adjusting the 3D column chart
• 5:52 Adjusting the donut charts
• 6:40 Adjusting the org chart
• 7:16 Adjusting the honeycomb diagram
• 8:05 Change my mind? Do you have an example of a GOOD Canva infographic??

The post Why I’m Not in Love with Canva for Infographics & Dataviz appeared first on Depict Data Studio.

Visualizing data in charts, graphs, dashboards, and infographics is one of the most powerful strategies for getting your numbers out of your spreadsheets and into real-world conversations.

But it can be overwhelming to get started with data visualization. Does data visualization leave you feeling like the numbers are about to topple over on you??

If so, this step-by-step data visualization guide is for you!

I’ll walk you through the data visualization design process so you know what to do first, second, and third as you transform your spreadsheets into data stories.

Step 1: Understand Your Audience

Wait! Don’t start making graphs on your computer! First, we have to do some planning. A little bit of up-front planning will save you hours of blood, sweat, and tears in the long run.

First, we need to consider our audience and context. Who, exactly, is going to be using the data to make decisions?

Here are some discussion-starter questions to talk about with your colleagues.

Who is Your Audience?

A chart designed for a group of foundation program officers will not be appropriate for a group of high school principals, and vice versa.

List all your audience types on a piece of paper, or a whiteboard, or in a spreadsheet, or even on the back of a napkin. Share the list with your colleagues and make sure you’re on the same page.

Have you reached consensus about who you’re targeting with your data?

What’s Your Audience’s Numeracy Level?

Do they enjoy or fear data? Unless you’re designing charts for a group of economists or statisticians, you can usually leave out details like the effect size, power analysis, and margin of error. Laypeople are often more interested in practical significance (the “so what?” and implications of findings) than in statistical significance.

What’s Your Audience’s Data Visualization Familiarity Level?

If they’re brand new to dataviz, stick with the traditional charts like pie charts, bar charts, and line charts—otherwise they’ll spend more timing ooh-ing and aah-ing over the chart’s novelty than paying attention to the information contained in the chart.

How Much Time Does Your Audience Have?

Little time or interest: Simple static chart.

Lots of time and interest: Interactive charts.

What Types of Decisions Does Your Audience Make?

What information do they need? What information do they already have? What information are they expecting? How will your chart(s) add value for them?

If you can’t think of how your chart will add value for the readers, don’t make one. Every chart needs a purpose and so what?

How Much Precision is Necessary?

As the data visualization designer, you have the freedom (and responsibility) to select how much precision is necessary. Your selection should be well thought-out and intentional. Your decision plays out in two ways: the chart type you select, and how you label the data points.

When selecting chart types, remember that some charts are better than others in displaying precision. For example, charts that rely on angles and area to show differences, like pie charts, are for communicating general patterns. Charts that rely on length to show differences, like bar charts, are for communicating specific details.

How Many Decimal Places Are Necessary?

A related decision is how exact your data labels will be. Will you include decimal places? How many?

In most scenarios, you can safely round your decimal places to the nearest whole number. Your audience is rarely using the tenths, hundredths, or thousandths place to make decisions.

Are My Viewers Expecting a Story?

Think about whether your audience is expecting a traditional or storytelling graph.

You’ll learn about the distinctions in this video:

Step 2: Choose the Right Chart

It takes a while to understand all the different chart types and to pick the best one for your desired takeaway message. There are tons of great graphs to choose from!

Consult a Chart Chooser

My interactive Chart Chooser includes dozens of chart types, resources, tutorials, and templates.

New to Dataviz? Start with Classic Chart Types

If you’re not sure which chart to use, stick with classics like the bar chart to compare categories and the line chart to visualize how things change over time.

These charts will be “right” most of the time, so they’re a safe bet.

Use Pie Charts Sparingly

Contrary to popular belief, pie charts are not evil and don’t have to be avoided altogether. I have seven guidelines for using pie charts and donuts. In this pie chart makeover, I show you how to transform a 3D pie chart with way too many slices into a storytelling bar chart with icons:

Getting Comfortable with Dataviz? Branch Out and Try Other Chart Types

Once you’ve mastered the classic chart types, you can play around with less-familiar chart types like bubble charts, bullet charts, dot plots, heat maps, scatter plots, slope graphs, social network maps, tree maps, waterfall charts, and more.

Surround Yourself with Positive Inspiration

Surround yourself with great graphs so you can expand your worldview of what’s possible with data visualization. I suggest following top-notch data journalism teams like @PostGraphics, @NYTgraphics, and @WSJgraphics.

You can even create a physical or digital library of great graphs. For example, you might print full-page, full-color charts and tape them near your desk. Surrounding myself with a variety of chart types, all of which have been used in different reports and for different groups of people, helps me create brand new charts easily. All I do is glance up at my gallery, and then I quickly figure out which chart is best for my new situation.

Dive Into Your Dataset with Exploratory Data Visualization Techniques

I also use exploratory computer strategies, like Microsoft Excel’s spark lines, data bars, and conditional formatting, to help me narrow down the focus of my charts.

Spark Lines

Here’s a tutorial that shows you how to get started with spark lines:

Data Bars

And here’s a tutorial that shows you how to get started with data bars:

Conditional Formatting

You can set up rules in your spreadsheet that automatically change the color of certain cells based on their values. I regularly use heat tables to scan my dataset for patterns. You can follow my step-by-step tutorial to make heat tables for your data.

Sketch Rough Drafts on Paper

Step back from your software program. This is especially crucial if you’re using Excel or R (versus Tableau) where you usually need a solid idea of your chart’s design before implementing that design on the computer.

I sketch, draw, and doodle plenty of drafts before I create anything on the computer.

Here’s how it works: First, sketch plenty of rough drafts on paper. Give yourself permission to doodle as many drafts as you need. Share drafts with colleagues early and often. Gather as much feedback as you can. Next, create one or two of those promising drafts on the computer. Finally, edit, edit, edit! Put your easiest-to-follow chart in your final presentation or report. You might sketch five or more drafts. Only the single best chart will survive the editing process.

Step 3: Select a Software Program

Once you’ve got a rough mental idea of what your visualization might look like, sit down and build the first draft of your visualization on the computer.

There are dozens of software programs available for building data visualizations. Some are free. Others are low-cost. And others are quite costly, at least for smaller organizations.

I’m software-agnostic at my core, meaning that I don’t care which program you use. You can create great — or terrible — graphs in any software program.

That being said, 99% of my data visualization consulting is done in Microsoft products: Excel, Word, and PowerPoint. Those are the common denominator for the companies that hire me. I’d never create a dashboard in a specialty software program… if you don’t also have access to it and know how to use it. It would be useless!

Here’s an example of an interactive dashboard made in good ol’ Excel. You can learn how to make these, and many other types, inside my Dashboard Design online course.

Step 4: Declutter

After you’ve got the first draft of your data visualization created on the computer, it’s time to refine your visualization and make your message shine. No computer program is perfect. You’ll have to roll up your sleeves and make intentional edits no matter which software program you’re using. The very first edit I make is to declutter my visualization. Software programs come with way too many borders, lines, and unnecessary ink. Examine each and every speck of ink on the chart. Does it have a specific purpose? If you can’t articulate a reason for that ink, you don’t need it.

Apply the Squint Test

In these before scatter plot on the left, the cluttered appearance distracts us from the data. All these extra lines make the charts look overly scientific—and outdated. In the after version on the right, I removed the background shading and borders. I kept the x and y axes and some of the grid lines, but I intentionally changed the black ink to gray ink.

How do you know when you’re done decluttering? Apply the Squint Test. Here’s how it works: Squint your eyes so that you’re peering at the chart through your eyelashes. Everything should look a little blurry. Can you see the overall shape of the data? For example, you should be able to tell if a line chart is jutting upwards or downwards over time. If not, try removing more clutter.

Outline Shapes in White

You’ve got the gist of decluttering. Now, let’s fine-tune!

Sometimes reducing clutter means outlining shapes in white, rather than black, so that they match the chart’s background color.

Step 5: Clarify Your Message with Color

There are three goals for color:

1. Branding (Using your company’s colors, which saves time and helps you look professional)
2. Accessibility (Making sure your colors pass official guidelines so they’re legible for people with disabilities, like ADA/508 compliance in the United States)
3. accessibility (Using colors to make the graph feel intuitive)

Brand Your Visuals with Custom Colors

I’m begging you! Do not use the default colors from Excel, Tableau, or Google Charts. Nothing screams novice! or 2002! more than default color schemes. If you’re designing charts for a report, handout, or presentation for a client, use their color scheme. Consultants, this means the report will look like it came from the client. It will not have your firm’s look and feel.

In this example, Johanna Morariu and I were designing a slidedoc for the Working Families Success Network. We began by investigating the Working Families Success Network’s logo, website, and publications. Their logo has a distinctive blue, orange, and pink and their publications use dark gray text rather than black. Throughout their website they use color blocks with white text and white outlines. Next, we adapted that layout and color scheme for our slidedoc. The images on the right are separate slides (pages) of the report.

You can locate custom color codes in style guides, with a free eyedropper tool, or even with Microsoft Paint. Then, enter your custom color codes in Microsoft Excel or in Tableau.

Make Sure Your Colors Are Legible for People with Color Vision Deficiencies

Here’s how:

1. First, by proactive and avoid using red-green color combos.
2. Second, make sure you directly label your data.

Although we’re used to seeing legends, we rarely need them. Legends can lead to unnecessary zig-zagging around the screen or page, and legends can also be difficult to interpret if your graph is printed in grayscale.

Instead of using legends, directly label the data. Direct labels mean that you add labels as close as possible to the data. For example, in a line graph, you would delete the separate legend and place the category labels off to the right of each line. For bonus points, color-code the text in the labels to match the line.

This is what direct labels look like:

Then, you can upload your draft to www.color-blindness.com’s Color Vision Deficiency Simulator to get a preview of what it’ll look like for people with protanopia and deuteranopia.

Emphasize the Takeaway Message with the Action Color

When you want to tell a story with data, you can guide your viewer’s attention to your desired takeaway finding by creating a dark/light contrast. This example comes from one of my graduate school projects a decade ago, so I used the exact shade of green from my university’s logo. Then, I used dark green to draw my audience’s attention to a couple key parts of the slide. This slide comes from the fourth section or chapter of the presentation, the Limitations section, so that tab was highlighted in dark green so that it contrasted with the other tabs, which are in gray. The topic of this particular slide was Brevity of open-ended survey responses, so that text is in green so that it stands out against the rest of the text. And the box-and-whisker plot itself also uses dark green.

Step 6: Clarify Your Message with Text

It’s hard to get wording just right, so I usually save my titles, subtitles, and annotations for the end.

Brand Visuals with Custom Fonts

Rather than using Microsoft’s plain ol’ Calibri, make sure your visualization’s fonts match the project’s branding.

Write the Takeaway Finding in the Graph’s Title

Need to tell a story with data? Rather than using a generic title (“Figure 1” or “Number of youth served”), state the takeaway message in the title.

I first learned about this technique through Cole Nussbaumer’s Storytelling with Data workshop back in 2012—but geez, was it tough to apply! This is one of the hardest practices for social scientists to learn because we’re so comfortable with APA formatting and its generic figure titles.

Think Twitter-like and aim for six- to eight-word titles. Look to newspaper articles for inspiration; journalists know how to include the “so what?” in their title. You may or may not read the full newspaper story for additional details. Same thing with charts: your audience may or may not read your full chart, so your title must give them the gist of your findings.

Add Context with Annotations

Annotations are call-out boxes that provide important contextual details. In PowerPoint, Word, or Excel, you can easily create annotations by inserting a text box. No fancy software required!

Here’s a great example from Mother Jones. A generic title would’ve been “Number of children living in poverty” or “Relationship between poverty and geographic location.” This 6-word title, “In Climbing Income Ladder, Location Matters,” ensures that readers grasp the chart’s message instantly. A 2-line caption adds more details underneath the title, and a few cities are annotated. The tweet’s text also reinforces this message.

This is how likely poor kids are to grow up and move out of poverty based on where they live http://t.co/5A5VIZkLBN pic.twitter.com/7BBZQJ9bdg — Mother Jones (@MotherJones) January 31, 2014

Establish a Text Hierarchy

Size your fonts according to their importance. A text hierarchy tells your viewers which information is most important (headings) and which information is least important (the regular ol’ paragraphs). In this example, I transformed a university’s annual report simply by adding an intentional text hierarchy. I call this makeover a two-hour turnaround because these are changes that anyone can make in two hours or less. Before, all the font was the same size, so the headings didn’t stand out. The report looked like a sea of words. After, we made the headings stand out by with larger fonts and by overlaying the text on top of a photograph. We also used a different color for each section to break up the sea of words into manageable chunks.

Lower the Reading Level

The vast majority of reports, handouts, infographics, dashboards, and slideshows that I review with clients are written at a reading grade level that’s so high that reading the documents feels like homework. In this example, we assessed our draft’s reading grade level with a free tool called readable.io. Then, we re-worded the title so that it was a closer match for our intended audience.

Finally, go share your chart!

You’ll need to edit it slightly depending on the medium — a chart for a presentation should look different than a chart for a dashboard. You can learn about presentation-specific, dashboard-specific, and report-specific techniques.

Learn More

Sign up for my free online course called Soar Beyond the Dusty Shelf Report. There are several quick lessons that help you get started with data storytelling.

Or, contact me about online courses, private workshops, and conference keynotes.

The post The Data Visualization Design Process: A Step-by-Step Guide for Beginners appeared first on Depict Data Studio.

Maybe you’d like to showcase your company’s achievements over the past year.

Maybe you’d like to celebrate your own achievements.

Infographics are a great way to visualize key points (without boring our audiences, which can happen in lengthy reports).

Back in December 2022, Sue Griffey brought her draft infographics to our weekly Office Hours.

In this blog post, you’ll see Sue Griffey’s annual infographic for her global mentoring practice, SueMentors.

You’ll also see several of Sue’s drafts. I hope this behind-the-scenes view helps you develop your own infographic.

Watch the Progression

You can watch Sue’s progression here.

This is a 7-minute segment from an hour-long Office Hours session.

Here’s what’s inside.

Sue’s Previous Infographics

First, Sue shared three examples of past years’ infographics.

Draft 1: Six Tiles of Content

Then, we talked about orientation.

Should her infographic be square?

Rectangular??

Portrait???

Landscape????

A single image?????

Several standalone images??????

A decade ago, infographics were mostly portrait. I’ll never forget Chris Lysy’s cartoon from 2014, where he joked that 2:32 aspect ratio infographics could practically be used as belts.

Nowadays, infographics can be any orientation. Ideally, we’d customize the infographic to the platform where it’s being shared.

For example, Instagram used to require squares, although you can upload square or rectangular images nowadays. And now the algorithm prefers short video Reels over images. It’s tough to keep up!

What does LinkedIn’s algorithm prefer? That’s Sue’s primary platform for connecting with others. Should her infographic be square? Rectangular?? How about both???

We considered a modular, grid-like design.

Sue already had 6 buckets of information. What a nice round number!

That means she could organize her 6 existing topics in landscape…

…and/or portrait…

…and/or as 6 individual social media posts.

In the video, you’ll see Sue’s very first draft:

Draft 2: Adjusting Colors and Adding Visuals

Next, Sue “softened all the brand colors.”

She added icons.

She added white overlays to de-emphasize the icons.

Draft 3: Focusing on Brand Blue

Sue decided to go back to “one panel of blue” (her brand color).

She added a “road map” within the TV icon.

She created a bit.ly link so that readers could learn more.

She continued softening the icons.

 “I challenged myself to take out even more words,” Sue explained.

Final Version: Smaller Boxes with More “White” Space

On New Year’s Eve Day, Sue finished her “80% is good enough” final draft.

She made the boxes smaller, which added more “white” space between the buckets of information.

Next Steps

In all her “spare” time, Sue might write a long-form blog post to elaborate on each of these 6 topics.

(She did provide additional details in a document shared publicly on Dropbox, too.)

But, as we discussed in the video, “there are endless ways to recycle content.” At some point, we have to create deadlines for ourselves and move on to the next item on our to-do lists.

Software Used: Microsoft PowerPoint

During Office Hours, another participant asked Sue which software platform she used to create her year-end infographic.

It’s PowerPoint!

Sue said, “It’s the easiest way to move photos around and to keep graphics together.”

In a previous Office Hours, we opened Canva together and browsed their year-end infographic templates. I wasn’t impressed. There were just bullet points, icons, and photos—all of which can be handled inside PowerPoint, too. Plus, Sue’s already comfortable in PowerPoint. Every new software platform has a learning curve. We can’t spend time learning them all. PowerPoint worked perfectly fine and there was no reason to switch.

“I did feel like I was moving information around and conveying things much better than I did a year ago,” Sue said. I agree. Well done!!!

Connect with Sue Griffey

You can view Sue’s infographic on LinkedIn here.

And don’t forget to connect with Sue on LinkedIn.

The post The Progression of Sue Griffey’s Year-End Infographic appeared first on Depict Data Studio.

About eight months ago I was given a brief for an infographic about different plagues and outbreaks that have reached the US since the Spanish Flu in the 1800s and how they’ve affected our population and economy. The gist is that because our world is insanely interconnected and we can travel pretty much anywhere in a day or two, it puts us at risk for a huge pandemic that we need to be prepared for.

Here’s how I developed the infographic over time.

The first thing I did was sketch out a few ideas in Photoshop. I normally do this by hand in my sketch book but I was full of ideas and really wanted to see them in a more concrete way, on the screen. I “sketched” these concepts in order to figure out the best way to display this timeline.

I usually lay out the sketches that are working best without the pressure of thinking about design. This helps me focus on whether or not the graphic makes sense to most viewers. I rely heavily on the “mom test” where I take the infographic to people who are not designers, give them time to look at it and ask for them to tell me what the infographic is about. This is usually a great way to figure out what’s working and what’s not.

To me, it’s super important that most people (given a pretty good attention span) can understand the graphic I’m making. The way it looks should aid in telling the story without getting in the way.

I wanted this infographic to be more playful and relevant, in the hopes that it would reach a larger audience. I added vintage photos and I generally tried to keep the design funky and bright with the skull icons, tinted black and white photos and the punchy green gradient.

Here’s more progression:

Before I started this infographic, I’d say I borderline hated the color purple. But because purple doesn’t have a particular association with it (green = healthy and red = alarm), it leaves us with an advantage in branding our work.

The outline I was given was word-heavy. I made the quotes more visual by adding photos of the authors. I also pushed for less text on this piece. I wanted the economic graph to stand out and the amount of deaths in red to read immediately. Finally I added the red box around “The Next Flu” because I took Ann’s workshop and realized how important annotations are. The one thing I’d want a viewer to take away from this is the impact a flu could have on us now.

The infographic isn’t entirely finished yet. I hope you’ve enjoyed seeing the progression. Stay tuned to see a final version later on.

The post From Geek to Chic: The Progression of an Infographic appeared first on Depict Data Studio.