A few weeks ago Studes joined us for a discussion about what makes for a quality graph. Somewhere in the comments I put forth the idea that everyone take a shot at improving upon the basic career WAR graph that we use a lot here at BtB.
Some of his tips include:
- Make the HoF lines look different (now a shaded area instead of lines).
- Use bold, easily-differentiable colors, and consider using more than color to set lines apart, such texture, thickness, and symbols.
- Remove unnecessary text and make the format of the graph explain what's going on.
- Remove other unnecessary ink, such as axes and legend borders.
All good advice, and definitely moves us forward. But I think we can do even better, mostly with the aesthetics, but also maybe reducing empty space -- all the lines in these graphs tend to follow the same general shape.
So, a challenge to you. Take this another step forward. Show us what you've got to help make WAR graphs pretty and useful.
6 months ago
Sky Kalkman
35 comments
0 recs |
Comments
White space doesn’t necessarily need to be minimized – it does a very good job, when used judiciously, of guiding the viewer’s eyes towards the point you are trying to make.
by cwyers on Aug 12, 2009 12:38 PM EDT reply actions 0 recs
I wrote this at THT as a comment
“Thanks for the constructive comments, studes.
I like a lot of the improvements. The color-blind issue is a hard one to anticipate for those of us who have both green and red cones, but really we just needed to be shown some colors that will work for everyone (as you’ve done here).
I have to say, I really prefer seeing the axes, as it allows me to get at some quantitative data—how high was that great season, for example, or how many seasons, specifically, was that peak.
Aside from that, I like the suggestions. A key for me is that they be automate-able, but I (and I’m sure others) will fiddle around and see what I can do. The names at the end of the lines are a nice addition, as long as I can make one of my various graphing programs do it.
-j "
My blog: Basement-Dwellers.com
Also: Beyond the Boxscore
by JinAZ on Aug 12, 2009 12:54 PM EDT reply actions 0 recs
Here is my attempt

I haven’t been convinced of the gray area yet and prefer the line for average/replacement. Due to the location of the end of the lines, it makes it difficult to add the names without creating wasted space on the bottom of the graph.
I agree with Justin that automation would be key. Even though I rarely create these I’m sure others would prefer something easy to create/change.
Could someone who is color blind provide recommendations on
- background color (white/gray/other)
- necessary line-weight (I used two different above)
- color contrast (are Red-Yellow-Blue distinguishable?)
As a person who can see the whole spectrum I don’t particularly care for Studes color choices above but I don’t know how other feel.
by JBrew on Aug 12, 2009 2:05 PM EDT reply actions 0 recs
I was going to post on article on this graph last night, but got too tired.
Here is my attempt (This is in OpenOffice and requires the legend to be adjusted in paint.net ):

Also, Tom Tango was wanting it leveled and here is my attempt at that

I don’t exactly know if I like the Grey Area in the legend yet or not. It does let viewer know what they are seeing. Wording and location my not be the best.
Jeff Zimmerman - Protecting the world from RBI's and Wins from my mom's guest house.
by Jeff Zimmerman (TucsonRoyal) on Aug 12, 2009 2:24 PM EDT reply actions 0 recs
How are you leveling it?
I had something like that in mind, as it uses more of the space within the overall rectangle and separates the lines from each other a bit more. Are you simply rotating the “gray area line” to be vertical and performing the same transformation to the player lines?
I also really like the greenish-gray color in the second graph.
Text needs to be bigger.
In general, I think we can make the lines thicker.
Beyond the Boxscore Not a member? Sign up.
by Sky Kalkman on Aug 12, 2009 2:28 PM EDT up reply actions 0 recs
you take the values for the grey line
You take the player WAR value and subtract it from average of the Average and Replacement Level HOF
Here are the values to subtract:
7
6.6
6.2
5.8
5.4
5
4.6
4.2
3.8
3.4
3
2.6
2.2
1.8
1.4
1
0.6
0.2
-0.2
-0.6
-1
-1.4
So as in the case of the Babe he is 7.6 war better than our HOF baseline
Jeff Zimmerman - Protecting the world from RBI's and Wins from my mom's guest house.
by Jeff Zimmerman (TucsonRoyal) on Aug 12, 2009 2:34 PM EDT up reply actions 0 recs
personally
…I find the leveled graph to be a bit too abstract. I have to think too hard to translate it back to the data underneath. I’m simple-headed though.
-j
My blog: Basement-Dwellers.com
Also: Beyond the Boxscore
by JinAZ on Aug 12, 2009 3:23 PM EDT up reply actions 0 recs
So you're doing WARHoF?
@bs_uf15bosox9be The Original Gameday; Learn to use SB Nation
by bs.uf15bosox9bears23 on Aug 12, 2009 9:44 PM EDT up reply actions 0 recs
On lines being bigger, I figure it depends on the graph
If the players are close together, the lines need to be small to see who is who.
In this case, my lines could be wider
Jeff Zimmerman - Protecting the world from RBI's and Wins from my mom's guest house.
by Jeff Zimmerman (TucsonRoyal) on Aug 12, 2009 2:54 PM EDT up reply actions 0 recs
I really like this look.
---
http://www.beyondtheboxscore.com
http://www.rightfieldbleachers.com \ twitter
by Jack Moore on Aug 12, 2009 3:37 PM EDT up reply actions 0 recs
that looks good
I think your version looks really good, Jeff. Personally, I would get rid of some of the unneeded lines, like the outside lines that aren’t axes as well as the gridlines. Personally, I’d at least get rid of the X axis, but that may be too radical for some. This graph, by the way, helps me understand why some folks still want the Y axis. For players far away from the gray area, it’s almost required.
I also don’t like the flat version.
by studes on Aug 12, 2009 4:08 PM EDT up reply actions 0 recs
one comment
Staring at the graph a little longer, I do feel this is an example of graph in which differentiating the lines by color only is a problem. There are six lines, and some of the differences are pretty subtle. Also, there is enough space between the lines to add symbols, or to make one or two of the lines dotted.
Perhaps you want a rule that says that symbols should be added to lines if there are more than four of them.
by studes on Aug 12, 2009 4:21 PM EDT up reply actions 0 recs
Dotted lines make sense.
As long as they show where the actual points are. Maybe do symbols for the points, with dotted lines inbetween?
@bs_uf15bosox9be The Original Gameday; Learn to use SB Nation
by bs.uf15bosox9bears23 on Aug 12, 2009 9:48 PM EDT up reply actions 0 recs
Gotcha, makes sense.
Beyond the Boxscore Not a member? Sign up.
by Sky Kalkman on Aug 12, 2009 2:35 PM EDT reply actions 0 recs
How 'bout this?
\
Not very original, but I think making the labels and numbers bigger makes it easier to read. Also, I like putting the total WAR next to the label and making the lines bigger.
F*** Billy Beane... actually, I kinda like Holliday
by vivaelpujols on Aug 12, 2009 8:24 PM EDT reply actions 0 recs
Maybe put the key under the title, horizontally?
@bs_uf15bosox9be The Original Gameday; Learn to use SB Nation
by bs.uf15bosox9bears23 on Aug 12, 2009 9:47 PM EDT up reply actions 0 recs
Also, on a somewhat related note
Does anybody know about a graphing program (preferably for free or with a free trial) that has a little more processing ability than Excel, but a similar interface? I just need to make a couple of scatter plot graphs, with like 200,000 rows of data, and Excel freezes up whenever I load that much data into it. I’ve been playing around with R, and am hopelessly lost.
Can anyone help?
F*** Billy Beane... actually, I kinda like Holliday
by vivaelpujols on Aug 12, 2009 8:33 PM EDT reply actions 0 recs
Look into downloading R Commander, a GUI interface to R, or try out gretl. Both are entirely free.
by cwyers on Aug 12, 2009 9:18 PM EDT up reply actions 0 recs
Thanks, I'll give that a try
F*** Billy Beane... actually, I kinda like Holliday
by vivaelpujols on Aug 12, 2009 11:36 PM EDT up reply actions 0 recs
How exactly do you get a shaded area?
Can you do it in Excel?
by KMils on Aug 13, 2009 12:21 AM EDT reply actions 0 recs
Make a line half way between the average and replacement level HOF values
Then for the attributes on that line make fatter til and shade it grey transparency.
Jeff Zimmerman - Protecting the world from RBI's and Wins from my mom's guest house.
by Jeff Zimmerman (TucsonRoyal) on Aug 13, 2009 9:48 AM EDT up reply actions 0 recs
Still not getting it
is it easy in Open Office? I can’t seem to find the magical Excel button that gives me a smooth area in graphs. Can’t seem to make the lines thick enough.
by KMils on Aug 13, 2009 1:30 PM EDT up reply actions 0 recs
R code for the Studes graph
I posted this at the book blog but I thought it would be helpful here to. Here is a link to R code to make the graph. If you are familiar with R you should be able to fiddle around with it and get it to your liking.

by centris on Aug 13, 2009 9:50 AM EDT reply actions 0 recs
Ok, here's my current one from Excel

Like others, I really like the WAR “Zone,” which I guess is what we call it at this point?
I also really like the ideas to alter the legend name colors to match the lines, and to include WAR totals in the legend. I’d like to follow studes’ lead and add names at the end of each line, but I can’t figure out how to automate it and I’m too lazy to do it by hand every time in GIMP every time. The color-coding helps tremendously, anyway. I also like to sort the names (do so in “select data”) to match where the lines end up on the right.
Colors probably still aren’t great for RG-colorblind people. It’s hard to get a good set colors for five players while keeping them all colorblind-safe as well as dark enough to stand out well against a white background. Suggestions welcome.
I opted to keep both axes (I tried ditching the x-axis and just can’t live without it), and unlike probably everyone else I really prefer that my graphs be secured in a box. It’s part of my training, and it’s not going away. You don’t have to agree with me on it. :)
Everything’s pretty much automated, unless you need to add a series. Just copy from Rally’s website, sort, and paste into the form. Here’s the spreadsheet. Feel free to modify and repost.
-j
My blog: Basement-Dwellers.com
Also: Beyond the Boxscore
by JinAZ on Aug 13, 2009 10:49 PM EDT reply actions 1 recs
Broken record here, but...
How do you do the WAR “Zone” in Excel? I cannot figure out how to make the line thicker.
by KMils on Aug 14, 2009 12:59 AM EDT up reply actions 0 recs
Step by step
Right-click on a line, select Format Data Series.
Choose the “Line Style” tab.
Change “width.”
You can also add transparency under the Line Color tab. Choose solid color, a gray color, and then crank up the transparency bar.
Hope that helps!
Justin
My blog: Basement-Dwellers.com
Also: Beyond the Boxscore
by JinAZ on Aug 14, 2009 10:54 AM EDT up reply actions 0 recs
Key is sorted by position the first time someone runs out of seasons, right?
Oh, and for those of you without Office 2007:
http://assets.sbnation.com/assets/154479/Justin_s_WAR.xls
Hurray for being an author!
@bs_uf15bosox9be The Original Gameday; Learn to use SB Nation
by bs.uf15bosox9bears23 on Aug 14, 2009 12:19 PM EDT up reply actions 0 recs
Thanks for the conversion.
Sorry, forgot about the version problems. They were a bane before I upgraded, and now I’ve forgotten all about them! :)
I updated the spreadsheet linked above to do WAH graphs as well as the old WAR graphs. <a href – “http://sites.google.com/a/basement-dwellers.com/images/images/WARTrajectorygraph.xls”>Here’s an Office ’93-2003 version.
In the above example, I sorted the legend based on the order of the lines on the right side of the graph. Made it easier for me to understand.
-j
My blog: Basement-Dwellers.com
Also: Beyond the Boxscore
by JinAZ on Aug 14, 2009 2:05 PM EDT up reply actions 0 recs
Crap, messed up the link.
My blog: Basement-Dwellers.com
Also: Beyond the Boxscore
by JinAZ on Aug 14, 2009 2:06 PM EDT up reply actions 0 recs
Yeah, but Morgan ends below Rose.
What’s the x coordinate when you did the sorting? Cause it looks like the 17th season.
@bs_uf15bosox9be The Original Gameday; Learn to use SB Nation
by bs.uf15bosox9bears23 on Aug 14, 2009 7:35 PM EDT up reply actions 0 recs
True, missed that somehow.
I guess it just made more sense to my eye to rank them this way, as Morgan’s above him for most of his career. Maybe because if you pan straight down from the legend, the order is as I have it in the legend. I don’t think it’s a huge deal either way, especially since the names a color-coded.
-j
My blog: Basement-Dwellers.com
Also: Beyond the Boxscore
by JinAZ on Aug 15, 2009 2:19 PM EDT up reply actions 0 recs
The sorting is completely manual, btw.
It’s not automated in the spreadsheet.
-j
My blog: Basement-Dwellers.com
Also: Beyond the Boxscore
by JinAZ on Aug 15, 2009 2:20 PM EDT up reply actions 0 recs
Yeah, I figured that.
You also have them (almost) sorted by total WAR.
@bs_uf15bosox9be The Original Gameday; Learn to use SB Nation
by bs.uf15bosox9bears23 on Aug 15, 2009 11:13 PM EDT up reply actions 0 recs











BtB on Facebook















