toolkit/exemples/couleurs/script.js
changeset 47 c0b4a8b5a012
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/toolkit/exemples/couleurs/script.js	Thu Apr 10 14:20:23 2014 +0200
@@ -0,0 +1,39 @@
+
+// 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));
+}
\ No newline at end of file