I hereby claim:
- I am ajfarkas on github.
- I am ajfarkas (https://keybase.io/ajfarkas) on keybase.
- I have a public key whose fingerprint is 64F2 8417 973A F3FB B17A E94E 3826 66A0 FAA3 8A08
To claim this, I am signing this object:
I hereby claim:
To claim this, I am signing this object:
| function scrollSmooth(node, time){ | |
| var distance = node.getBoundingClientRect().top, | |
| step = 10 * distance / time, | |
| frames = distance / step, | |
| i = 0, | |
| run; | |
| function goTo(){ | |
| window.scrollBy(0, step); | |
| i++; |
| var array = ["One", "Two", "Three"], local = {}; | |
| //for local scope | |
| array.forEach( function(value, index){ | |
| local["number" + value] = index + 1; | |
| }); | |
| console.log(local.numberOne) //1 | |
| console.log(local.numberTwo) //2 | |
| console.log(local.numberThree) //3 |
| function hexToRGBa(hex, alpha){ | |
| var r = parseInt( hex.slice(1,3), 16 ), | |
| g = parseInt( hex.slice(3,5), 16 ), | |
| b = parseInt( hex.slice(5,7), 16 ), | |
| a = alpha || 1; | |
| return "rgba(" + r + ", " + g + ", " + b + ", " + a + ")"; | |
| } |
Histograms of the range of luminance values for all unmixed hues of red, green, and blue.
Middle gray for our eyes is 18% gray for computer monitors (rgb(47,47,47) is L*a*b*(50.015), where L*.domain([0, 100])). The background color is the RGB value closest to L* == 50.
A 3-series histogram of red, green, and blue hue luminance distribution. The bars are z-axis sorted by height, and the graph is sortable by color, with animation.
Geometry is fun! Rotated x-axis labels calculated by input.
Move the slider to choose the angle of the x-axis labels.
This d3 histogram shows the range of luminance values (0 - 100) for all saturation levels of red, green, and blue hues, respectively. I've used opacity on a dark background to mimic proper color-mixing. D3 transitions provide smooth animation when showing and hiding individual histograms.
The particularly interesting result here is that there is a much larger variety of light colors than of dark colors; if you were to choose an rgb() (or hex) color at random, bet on it being > 50 L*.
| [{"date":"2015-04-20","min":"26.8","max":"48.0"},{"date":"2015-04-21","min":"36.1","max":"57.2"},{"date":"2015-04-22","min":"29.3","max":"61.5"},{"date":"2015-04-23","min":"46.4","max":"48.6"},{"date":"2015-04-24","min":"28.2","max":"48.9"},{"date":"2015-04-25","min":"33.8","max":"52.5"},{"date":"2015-04-26","min":"29.3","max":"55.6"},{"date":"2015-04-27","min":"40.6","max":"57.0"},{"date":"2015-04-28","min":"41.5","max":"58.8"},{"date":"2015-04-29","min":"47.8","max":"59.4"},{"date":"2015-04-30","min":"44.8","max":"57.7"},{"date":"2015-05-01","min":"40.1","max":"63.7"},{"date":"2015-05-02","min":"30.9","max":"70.5"},{"date":"2015-05-03","min":"32.7","max":"73.6"},{"date":"2015-05-04","min":"34.5","max":"84.4"},{"date":"2015-05-05","min":"51.3","max":"74.3"},{"date":"2015-05-06","min":"34.2","max":"77.4"},{"date":"2015-05-07","min":"39.7","max":"84.2"},{"date":"2015-05-08","min":"44.8","max":"64.2"},{"date":"2015-05-09","min":"44.6","max":"70.0"},{"date":"2015-05-10","min":"46.2","max":"84.9"},{"date":"2015-0 |