diff -r efd9c589177a -r c0b4a8b5a012 toolkit/exemples/couleurs/script.js --- /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