// Création d'un jeu de couleurs manuellement
var jeuCouleurs = new Couleurs([
"red", "green", "blue", "rgb(124, 46, 197)", "#f13580e"
]);

var list = d3.select("#manuel");
for (var i = 0; i<5; ++i) {
	list.append("li")
		.text(jeuCouleurs.get(i))
		.style("color", jeuCouleurs.get(i));
}

// jeu de couleurs aléatoires, on prend 5 couleurs
var couleursAleatoires = new Couleurs(5);

var tableau = d3.select("#aleatoire");
for (var i = 0; i<6; ++i) {
	var ligne = tableau.append("tr");
	for (var j = 0; j<6; ++j) {
		ligne.append("td")
			.style("background-color", couleursAleatoires.get(i*6 + j))
			.style("padding", "10px")
			.text(i*6 + j);
	}
}

// dégradé de couleurs: on crée un jeu de 10 tons de gris
// du noir au blanc
var degrade = new Couleurs("#000000", "#ffffff", 10);

list = d3.select("#degrade");
for (var i = 1; i<11; ++i) {
	var item = list.append("li");
	item.append("span")
			.classed("square", true)
			.style("background-color", degrade.get(i));
	item.append("span").text(degrade.get(i));
}