Google: Anonymous Animals
List of all anonymous animals
by lchau
CSS
img {
margin: 6px 8px;
width: 64px;
}
JavaScript
/*
function nextColor() {
var letters = '0123456789ABCDEF'.split(''),
length = letters.length;
return (function() {
var color = '#';
for (var i = 0; i < 6; i++) {
color += letters[Math.floor(Math.random() * length)];
}
return color;
})();
}
*/
var COLOR_PALETTE = {
'google': [
'#a61c00',
'#cc0000',
'#e69138',
'#f1c232',
'#6aa84f',
'#45818e',
'#3c78d8',
'#3d85c6',
'#674ea7',
'#a64d79'
],
// https://github.com/mbostock/d3/wiki/Ordinal-Scales#categorical-colors
'd3-category20': [
'#3182bd',
'#6baed6',
'#9ecae1',
'#c6dbef',
'#e6550d',
'#fd8d3c',
'#fdae6b',
'#fdd0a2',
'#31a354',
'#74c476',
'#a1d99b',
'#c7e9c0',
'#756bb1',
'#9e9ac8',
'#bcbddc',
'#dadaeb',
'#636363',
'#969696',
'#bdbdbd',
'#d9d9d9'
]
};
function colorGenerator() {
var colors = COLOR_PALETTE['google'];
var index = 0;
return (function() {
return colors[index++ % colors.length];
});
}
function nextInt(min, max) {
min = +min || 0;
max = +max || 0;
return Math.round(Math.random() * (max - min)) + min;
}
var nextColor = colorGenerator();
function getAsciiCharacters() {
var characters = [];
for (var i = 0; i < 10; i++) {
characters.push(i);
}
for (var i = 65; i < 91; i++) {
characters.push(String.fromCharCode(i));
}
return characters.map(function(ch) {
var image = document.createElement('img');
image.src = 'https://ssl.gstatic.com/docs/common/profile/' + ch + '.png';
image.title = ch;
image.style.backgroundColor = nextColor();
return image;
});
}
function getAllAnimals() {
var animals = [
'alligator',
'anteater',
'armadillo',
'auroch',
'axolotl',
'badger',
'bat',
'beaver',
'buffalo',
'camel',
'capybara',
'chameleon',
'cheetah',
'chinchilla',
'chipmunk',
'chupacabra',
'cormorant',
'coyote',
'crow',
...