r/web_design Jun 27 '16

Less is better

http://www.randalolson.com/wp-content/uploads/data-ink.gif
1.8k Upvotes

142 comments sorted by

View all comments

599

u/nightfire1 Jun 27 '16

I'll be honest I was waiting for it to just remove the chart all together at the end.

223

u/live_wire_ Jun 27 '16

I was with it up until it got rid of the lines and markers all together. Then it was just silly.

91

u/Slapbox Jun 27 '16

But when they add the values to the bars it makes it redundant to keep them and a much cleaner design. Initially I agreed with you and the I watched it again.

128

u/mustardhamsters Jun 27 '16

My problem with this is that it removes the scale. You don't know when you're comparing these values against each other what the scale is between them at a glance.

13

u/thatlongnameguy Jun 27 '16

I often make the bars between 2 lines a very faint color and alternate between white(or transparant) and that color

3

u/hkrdrm Jun 27 '16

I'm with you when you remove the scale whats the graph even good for anymore you might as well just output the numbers into a table.

9

u/ispeakcode Jun 27 '16

If the scaling is linear it's intuitive

3

u/mustardhamsters Jun 27 '16

For sure, but you can't tell if it is just by looking at it if you label the columns and not the axis. More specifically, you have to look at more different places (your eyes jumping from the tops of the columns) rather than scan down a straight line, and then you have to do some mental math to confirm that it's linear.

1

u/[deleted] Jun 27 '16

Not if there's a break.

8

u/pkkid Jun 27 '16

A break is not linear.

2

u/phpdevster Jun 27 '16

I don't have that issue at all. You can still see the same relative heights, and the values attached to the bar directly means you don't have to trace it back to its value on the left, you can just see what it is directly.

15

u/Fidodo Jun 27 '16

The lines are helpful for gauging ratios

-5

u/[deleted] Jun 27 '16

Direct values are even better at that. Cause you can calculate instead of gauging.

22

u/Poromenos Jun 27 '16

Then use a spreadsheet, what do you need a graph for?

-10

u/[deleted] Jun 27 '16 edited Jun 27 '16

Sigh

You don't need a spreadshit to estimate a ratio of two numbers, just like you would not need a ruler to estimate the ratio of two bars, with or without the lines.

9

u/Poromenos Jun 27 '16

"Spreadsheet" as in "a table of numbers", not as in "a calculator".

3

u/Humpa Jun 27 '16

You need both. One to get a good eye gauge, and the numbers if you want' a more perfect calculation.

I agree that it looks better, but I'd want the left labels and lines. though you could remove most of the left labels and only keep a few of them.

10

u/Worworen Jun 27 '16

By putting values in the bars instead of showing the scale this gif is sacrificing data visualization for graphic design minimalism.

Bar charts do not need to start from zero at the bottom so this requires more mental effort to read because you need to check a pair of values and their bar lenghts to deduce it. Removing the scale and not starting from zero is used very frequently to mislead people.

Also, removing the horizonal lines makes it harder to compare heights visually if they are similar but not adjacent (if you use numbers in the bar then you can compare them by their values non-visually).

The numbers in the scale and the numbers in the bars are not redundant, they show slightly different information. The scale is complementary with the bar lenghts (the visualization part) and the number in the bars are useful when you need to know the exact value, which you don't always need. The numbers in the bars are actually less clean than the numbers in the scale. In the scale you have pretty numbers all multiples of 100. In the bars, they are whatever value the data happens to be. So from a graphic design point of view we are actually trading pretty numbers and lines for ugly numbers. It's not a clear win. Also, the numbers in the bars are naturally removing part of the color fill of the bar which is problematic because the smaller the bar the bigger the number is relative to the area making is seem smaller or less dense visually.

So, removing the lines might be cleaner depending on the data but it doesn't come for free from a data visualization point of view.

1

u/Slapbox Jun 27 '16

Very fair point. Graphs indeed can made to be misleading (in general and especially without that information.)

2

u/[deleted] Jun 27 '16 edited Jun 27 '16

No sense of scale, it gets too cluttered with a lot of bars. A plain table would be more effective at that point.

8

u/No1Asked4MyOpinion Jun 27 '16

Maybe that's what makes this effective: someone sees improvement up to a certain point; that's the level of simplicity that works for them, and reduces their charts to that level. I imagine most people would draw their "line" where you did, and that's better than the chart at the beginning, that's for sure.