Tutorial: BusinessWeek Style Graph in Microsoft Excel

by Neal Levene on Wednesday, October 14, 2009 · 2 comments

in Visualization

In this tutorial, you’ll learn how to create a Business Week Style Graph using Microsoft Excel. For this tutorial, I used Microsoft Excel 2007.

Original Graph

I think Business Week has some of the nicest, most consistent data visualizations.  Below is the graphic we will duplicate.

Business Week-Final

Let’s get started.

Step 1 – Create Spreadsheet

Create a spreadsheet with the following data.

bw data Tutorial: BusinessWeek Style Graph in Microsoft Excel

To get the apostrophe’s to appear in column A, you need to enter a double apostrophe.
double apostrophe

Step 2 – Create Chart

Select the range A1:C16 and Insert an Area Chart (choose InsertArea2-D Area Chart from the menus)

area chart

You should end up with something like this:

starting point

Step 3 – Remove Legend

Remove the legend by single clicking on the legend to select it and then press the Delete key.

remove legend

Step 4 – Format Cells

We are going to put the graph in cells H17:H20. Let’s prepare the size of these cells.

a. Make Column H 425 pixels (For directions, click here.)
b. Make Row 17 a height of 38 pixels.
b. Make Row 18 a height of 50 pixels.
c. Make Row 19 a height of 364 pixels.
d. Make Row 20 a height of 33 pixels.

prep cells

Step 5 – Move Chart

Drag the area chart into cell H19. Keep the Alt key depressed while you move the chart. This will align the chart to cell boundaries. Once you have moved the chart, click the bottom right corner of the chart and reduce the size of the chart to the size of cell H19, keeping Alt key depressed while you scale the chart.

scale chart

Step 6 – Format Y-Axis

Single click on the Y-axis to highlight it. Right click on the selection and choose Format Axis.

Under Axis Options, enter the following options:

Format Axis

Click on the Number tab:

number 336x400 Tutorial: BusinessWeek Style Graph in Microsoft Excel

Enter 0 in the Decimal Places field. I’m not aware of a way to remove the % sign from the Axis. I prefer it there. As an alternative, you could format the field as a Number and multiply it by 100.

While you still have the y-axis selected, choose a small font and make it bold.

font Tutorial: BusinessWeek Style Graph in Microsoft Excel

Step 7 – Format X-Axis

Single click on the X-axis, right click, and choose Format Axis.

Choose the following options:

x axis 295x399 Tutorial: BusinessWeek Style Graph in Microsoft Excel

Your chart should now look like this:

x-axis done

Step 8 – Add Tick Marks

When you have negative numbers and you want to correctly place the zero-point at 0, you need a couple of extra steps to get your tick marks to appear. We will use a scatter plot to create the tick marks.

Add the following data to Column D:

column d

Move your cursor to the graph. Right click somewhere between the horizontal grid lines in the plot area and choose Select Data. Choose Add Series button.

data source

Enter the range D2:D16 in the Series values field.

edit series

Click OK and then OK again.

The graph will look like this:

second series

Right click on the new area graph and choose Change Series Chart Type. Choose X Y (Scatter)Scatter with only markers from the dialog box.

change chart type

Choose InsertShapesLine.

insert line

The cursor will change to a plus sign. Click anywhere on the spreadsheet and draw a vertical straight line (depress Shift key). When you release the mouse button, the Drawing ToolsFormat menu will be open.

drawing tools

Make sure the Shape Outline is black and make the Width approximately .08″.

While the line is selected, right click on it and choose Copy.

Left click on any data point in the Scatter Plot to select them. It will look like this:

series 2 selected

Press Ctrl-V to replace the current scatter plot marker with the line you just created.

tick marks

Lastly, right click on the X-axis and re-select Position AxisOn Tick Marks

position axis

This should give you the following result:

interim result

Step 9 – Format Chart

These are some minor, but important, changes.

Place the mouse just slightly below the X-axis labels and right click. If you are in the right place, you should be able to choose Format Chart Area.

On the Fill tab, choose No Fill. On the Border Color tab, choose No line.

Place your mouse just under the grid line at 4% and right click. The Plot Area will be selected. You should see the scaling boxes.

Click on the middle bottom box and pull down (keeping the mouse button depressed) just below row 19 to extend the plot as far down as possible.

Click on the left middle box and pull to the left (keeping the mouse button depressed) into column G to extend the plot as far left as possible.

Click on the right middle box and pull to the right (keeping the mouse button depressed into column I to extend the plot as far right as possible.

Click on the top middle box and pull it down just a little to make room for the “Percent Change From A Year Ago” label.

The result will look like this.

format chart

Step 10 – Create Text Labels

We will be creating 3 Text Labels (InsertText Box from the menus and then click anywhere on the worksheet. The text box can be moved after it is created.)

Text Box 1: Choose a font size of 10 and make the font bold. Type: PERCENT CHANGE FROM A YEAR AGO. Position this label on top of the 4% grid line toward the left.

Text Box 2: Choose a font size of 10 and make the font bold. Type: UNIT LABOR COSTS. Position this label between the 4% and 3% grid lines.

Text Box3: Choose a font size of 9 and make the font bold. Type: EST. Position the label below the 2009 III quarter data point.

Draw a black horizontal line (InsertShape - Line) with a width of .2″ and place it above the EST. label.

Lastly, right click on the Y-axis, choose Format Axis, click on the Line Color tab, and choose No line. This will remove the Y-axis line.

We are almost done with the chart area. It should look something like this.

format chart2

Step 11 – Change Plot Color

Right click any where in the colored area chart and choose Format Data Series. Click on the Fill tab. Choose Solid fill. I chose a color from the standard theme: Orange Accent 6, Darker 25% (right column, 2nd from the bottom). Choose a Transparency of 20%.

format data series

Click on any of the grid lines and right click. Choose Format Gridlines. Choose the Line Style tab and change the Width to 1.25 pt.

The graph will look like this:

chart done

Step 12 – Title and Data Source

In Cell H17, enter: AGGRESSIVE COST CONTROL

In Cell H18, enter: IS BUOYING PROFITS

Format the two cells with 20pt, Top Align, Wrap Text, and Bold. If you want, you can pick a font that matches more closely. I stayed with Calibri. In each cell, hit the increase indent button once to move the text to the right.

In Cell H20, enter: Data: Labor Dept., IHS Global Insight, BusinessWeek

Format the cell with 11pt, Top Align, and Bold. I hit the increase indent button once. I applied italics to BusinessWeek.

I then selected H17:H20, I clicked on the Borders button drop down and chose More Borders and applied the following settings.

format cells

Here is the final results.

final product

Here is the original for comparison purposes. Pretty close, I think.

Business Week-Final

Hope you learned some things in the tutorial.

I’d love to hear your comments (especially, if you find an error or a better suggestion for the tutorial).

Social Media Links:
  • RSS
  • email
  • Twitter
  • Facebook
  • del.icio.us
  • StumbleUpon
  • Digg
  • Google Bookmarks
  • Technorati
  • Sphinn
  • SphereIt
  • Mixx
  • LinkedIn
  • Reddit
  • Live
  • Netvibes
  • Yahoo! Bookmarks
  • Yahoo! Buzz
  • PDF
  • Print

We welcome your feedback. Please leave us a comment below. If you haven't already, there is no time like the present to subscribe to the RSS feed.

Category and Tags

This post filed in the following categories:

  • Visualization - Visualization is any technique for creating images, diagrams, or animations to communicate a message.

About the Author

This post was written by Neal Levene, CEO of InnovaTech, Inc., who blogs about data and business issues here at Simple Complexity and about a variety of other topics at NealLevene.com. Find Neal on LinkedIn or follow him on Twitter. Neal is available to speak to your organization on a variety of topics. You may also use Simple Complexity's Contact Form.

Comments

{ 2 trackbacks }

Tweets that mention Tutorial: BusinessWeek Style Graph in Microsoft Excel — Simple Complexity -- Topsy.com
Wednesday, October 14, 2009 at 5:22 pm
uberVU - social comments
Wednesday, November 4, 2009 at 11:12 pm

{ 0 comments… add one now }

Leave a Comment

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Previous post:

Next post:

WordPress Admin