Live data from Hacker News

Legends in D3

d3-legend.susielu.com

1–10 of 22 posts

Re: Legends in D3

#2
Very nice! I was tired of making my own legends for each single things. And this one looks really nice and easy.

Though, one of my pet peeves: people, please don't use discrete color scales for continuous parameters. It distorts presentation for no good reason. For example two countries are colored the same way even though they are on the opposing edges of a bin (so the difference is being masked), or two countries are colored in a different way, even though the difference is minimal, but just passes an artificial threshold (then an artificial difference is being shown).

Re: Legends in D3

#3
post #2

Very nice! I was tired of making my own legends for each single things. And this one looks really nice and easy. Though, one of my pet peeves: people, please don't use discrete color scales for continuous parameters. It distorts presentation for no good reason. For example two countries are colored the same way even though they are on the opposing edges of a bin (so the difference is being masked), or two countries a…

And the colormap should be easy to read with color blindness (so the blue/green one is not good), and also look good with various amounts of hue on different screens or print. For instance, printed in b&w. This page has a lot of color maps and how they look in greyscale in the bottom: http://matplotlib.org/1.4.1/users/colormaps.html As can be seen, the "jet" map often used is unreadable, luckily it is no longer default in matlab.

Re: Legends in D3

#4
post #2

Very nice! I was tired of making my own legends for each single things. And this one looks really nice and easy. Though, one of my pet peeves: people, please don't use discrete color scales for continuous parameters. It distorts presentation for no good reason. For example two countries are colored the same way even though they are on the opposing edges of a bin (so the difference is being masked), or two countries a…

> people, please don't use discrete color scales for continuous parameters

There are arguments against using continuous scales:

* By using classes (e. g. quantiles) you can reduce the impact of outliers. On a continuous scale an outlier can cause everything else to be perceived as one color.

* Perception of color intensity is not strictly linear.

For some more details, check out this answer on StackExchange http://gis.stackexchange.com/a/86679/24164

Re: Legends in D3

#5
post #3
post #2

Very nice! I was tired of making my own legends for each single things. And this one looks really nice and easy. Though, one of my pet peeves: people, please don't use discrete color scales for continuous parameters. It distorts presentation for no good reason. For example two countries are colored the same way even though they are on the opposing edges of a bin (so the difference is being masked), or two countries a…

And the colormap should be easy to read with color blindness (so the blue/green one is not good), and also look good with various amounts of hue on different screens or print. For instance, printed in b&w. This page has a lot of color maps and how they look in greyscale in the bottom: http://matplotlib.org/1.4.1/users/colormaps.html As can be seen, the "jet" map often used is unreadable, luckily it is no longer defau…

> And the colormap should be easy to read with color blindness (so the blue/green one is not good)

Well, blue/green or blue/red are actually the most acceptable scales to use, since most colorblind people only have problems distinguishing red and green, while for most of the others blue is very dark so the scale still works somewhat. The others are a very, very small minority that will already be used to use various tools to enhance their vision.

As far as I can see, testing with http://colortest.it/deuteranopia:http://d3-legend.susielu.co... for example, the chosen colorscale is not the worst there is.

Re: Legends in D3

#6
post #2

Very nice! I was tired of making my own legends for each single things. And this one looks really nice and easy. Though, one of my pet peeves: people, please don't use discrete color scales for continuous parameters. It distorts presentation for no good reason. For example two countries are colored the same way even though they are on the opposing edges of a bin (so the difference is being masked), or two countries a…

It depends. Classes can greatly help the understanding of a map. It ia much easier to recognise and identify few classes than it is to interpret a vast continuous scale. But really, it totally depends on your data and intentions.

Re: Legends in D3

#7
Looks very good.

For the size legend, the defaults are a bit odd. You should almost always be using d3.scale.sqrt() as you're comparing area, also zero in the domain should usually map to zero on the range.

I made a similar legend for circle areas, but they are stacked within each other. http://bl.ocks.org/aubergene/4723857

Re: Legends in D3

#8
post #4
post #2

Very nice! I was tired of making my own legends for each single things. And this one looks really nice and easy. Though, one of my pet peeves: people, please don't use discrete color scales for continuous parameters. It distorts presentation for no good reason. For example two countries are colored the same way even though they are on the opposing edges of a bin (so the difference is being masked), or two countries a…

> people, please don't use discrete color scales for continuous parameters There are arguments against using continuous scales: * By using classes (e. g. quantiles) you can reduce the impact of outliers. On a continuous scale an outlier can cause everything else to be perceived as one color. * Perception of color intensity is not strictly linear. For some more details, check out this answer on StackExchange http://gi…

Well, because of that appropriate variable scaling is important. (Typically log or sqrt, but if one wishes - one my use continuous percentile scale.)

Re: Legends in D3

#9
post #6
post #2

Very nice! I was tired of making my own legends for each single things. And this one looks really nice and easy. Though, one of my pet peeves: people, please don't use discrete color scales for continuous parameters. It distorts presentation for no good reason. For example two countries are colored the same way even though they are on the opposing edges of a bin (so the difference is being masked), or two countries a…

It depends. Classes can greatly help the understanding of a map. It ia much easier to recognise and identify few classes than it is to interpret a vast continuous scale. But really, it totally depends on your data and intentions.

It is easy to arrive at wrong conclusions. But it is No.1 argument against discrete scales, not for it. It can happen by accident, but it is possible also to intentionally deceive - e.g. by setting such bins that Greece and Spain have the same color but Italy do not. Or that Spain and Italy have the same (but Greece different), etc.

Re: Legends in D3

#10
"Tired of making legends for your data visualizations?"

No. It never takes more than about two minutes to whip up something basic like this.

Integrating your legend tightly with your visualization has lots of benefits, mostly in terms of enabling interaction.

Post reply on HN