Beyond the Box Score: An SB Nation Community

Navigation: Jump to content areas:


Pro Quality. Fan Perspective.
Around SBN: Headlines: BC Beats BU 4-3 in 58th Beanpot Championship

Wargraph6

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.

This is Studes' entry.

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 Limes_125_tiny Sky Kalkman 35 comments 0 recs  | 

Story-email Email Printer Print

Comments

Display:

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 "

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.

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

by JinAZ on Aug 12, 2009 3:23 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?

by bs.uf15bosox9bears23 on Aug 12, 2009 9:48 PM EDT up 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

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

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

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

by JinAZ on Aug 14, 2009 10:54 AM 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

by JinAZ on Aug 14, 2009 2:05 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.

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

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

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.

by bs.uf15bosox9bears23 on Aug 15, 2009 11:13 PM EDT up reply actions   0 recs

Comments For This Post Are Closed


User Tools

We use numbers and stuff.
Community Guidelines
Why be a member?
Start posting on Beyond the Box Score »

Join SB Nation and dive into communities focused on all your favorite teams.

FanPosts

Community blog posts and discussion.

Recommended FanPosts

770insig_small
BtB's "Ball On A Budget" Fantasy League - Discuss Participants, Payrolls and Position Eligibility

Recent FanPosts

Ds9_small
good graphing program?
Small
Predicting HR/FB Rates
Leopold_butter_scotch_southpark_small
Troy Tulowitzki vs Ryan Braun
Small
Pitchers batted ball observations
Small
Eric Byrnes: A player worth a look?
Small
Valverde Is Charging Detroit Double
Mukuro_small
Another question: About power rankings
Small
Why You Shouldn't Trade for Arroyo
Jinaz-reds-avatar_small
Last Call for BtB Sabermetric Writing Award Nominations

+ New FanPost All FanPosts >

FanShots

Quick hits of video, photos, quotes, chats, links and lists that you find around the web.

Recent FanShots

If you care about newspaper coverage of MLB, read this post
Visualizing the Difference Between Offensive and Defensive Value for Catchers
First B-Pro and now ESPN. Tommy, you're growing up so fast
THT - Advancing by ground
Negro League Museum Close to Folding
It is a capital mistake to theorize before one has data. Insensibly one...
Ranking Minor League Systems Using Victors Wang's Prospect Valuations
Pitch f/x on Ricky Nolasco Stretch vs. Windup again
Veron Wells the artist.  I never knew.

http://www.vwellsart.com/
A Dream Team... in honor of Dr. King

+ New FanShot All FanShots >

BtB on Twitter

Main Feed: @BtBScore

Jeff: @jeffwzimmerman
Steve: @steve_sommer
Sky: @BtB_Sky
Dan: @dturkenk
Harry: @harrypav
Jinaz: @jinazreds
Jack: @jh_moore
Erik: @Erik_Manning
Tommy R: @trancel
Justin: @justinbopp

Subscribe to BtB via Email

Enter your email address:

Delivered by FeedBurner

Most Commented

BtB Goes Social


Managers

Wbc_029_small Jeff Sullivan

Editors

Rawlings_baseball_bigger_small Dan Turkenkopf

Limes_125_small Sky Kalkman

770insig_small Jeff Zimmerman (TucsonRoyal)

Aviles_small Justin Bopp

Authors

Roots_game_small R.J. Anderson

Jinaz-reds-avatar_small JinAZ

Face_small Harry Pavlidis

1753738656_110919ebe9_o_small vivaelpujols

Ozzie_small erik

Raysring1_small Tommy Rancel

Redcap_small SFiercex4

St_louis_cardinals_ce1141_003263_small stevesommer05

Paige_small Satchel Price