<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Utilisation du module Couleurs</title>
<link rel="stylesheet" type="text/css" media="screen" href="design.css"/>
<script type="text/javascript" src="../libraries/d3/d3.js"></script>
<script type="text/javascript" src="../libraries/pure_min.js"></script>
<script type="text/javascript" src="../libraries/colorbrewer.js"></script>
</head>
<body>
<h1>Utilisation du module Couleurs</h1>
<h2>Tableau de couleurs manuel</h2>
<p>
On montre ici l'exemple d'un tableau créé manuellement.<br/>
Les noms à chaque ligne sont ceux des couleurs mises dans le tableau, la couleur
du texte étant la couleur correspondant au nom.
</p>
<ul id="manuel"></ul>
<h2>Tableau de couleurs aléatoires</h2>
<p>
On crée ici un tableau où chaque case contient un numéro. Ce numéro sera l'index
qui sera appelé dans la méthode get.<br/>
On a choisi un jeu de couleurs aléatoire avec 5 couleurs, ce qui permet de montrer
que le choix des couleurs se fait de manière cyclique.<br/>
En rechargeant la page plusieurs fois, on se rend compte que les couleurs sont
bien choisies aléatoirement.
</p>
<table id="aleatoire"></table>
<h2>Dégradé de couleurs</h2>
<p>
On a ici créé un dégradé à 10 teintes du noir au blanc.
</p>
<ul id="degrade"></ul>
<script type="text/javascript" src="../libraries/nco/couleurs.js"></script>
<script type="text/javascript" src="script.js"></script>
</body>
</html>