Last active
February 28, 2018 13:03
-
-
Save AlainRo/d7b7518300065d666827b39460745b26 to your computer and use it in GitHub Desktop.
d3js Exercice 2 - scales
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
license: mit |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<head> | |
<meta charset="utf-8"> | |
<script src="https://d3js.org/d3.v4.min.js"></script> | |
</head> | |
<body> | |
<pre> | |
<script> | |
document.writeln('LE BAC A SABLE DES SCALES\n'); | |
const sc = d3.scaleLinear() | |
.domain([0, 20]) | |
.range([0, 1]); | |
document.writeln('sc(0) -> ' + sc(0)); | |
document.writeln('sc(10) -> ' + sc(10)); | |
document.writeln('sc(20) -> ' +sc(20)); | |
document.writeln(); | |
document.writeln('Et au delà des intervalles convenus\n'); | |
document.writeln(); | |
let x = 5; // <- Faire varier ici | |
document.writeln('sc(' + x + ') -> ' + sc(x)); | |
document.writeln(); | |
const scc = d3.scaleLinear() | |
.domain([0, 20]) | |
.range([0, 1]) | |
.clamp(true); // Clamp !!! | |
document.writeln(scc(-10)); | |
document.writeln(scc(200)); | |
// Essayer: invert, power, log | |
//Lire la documentation https://github.com/d3/d3-scale | |
// Essayer avec une range de couleur ["red", "white", "green"] | |
</script> | |
</pre> | |
</body> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment