Published
Edited
May 17, 2020
1 fork
Insert cell
Insert cell
Insert cell
{
var scale = d3
.scaleLinear()
.domain([0,4])
.range([0,100]);
var num = [];
for (let i = 0 ; i <= 5 ; i++){
num[i] = scale(i);
}
return num ; //domain < range
}
Insert cell
{
var scale = d3
.scaleLinear()
.domain([0,1])
.range([0,100]);
var num = [];
for (let i = 0 ; i <= 3 ; i++ ){
num[i] = scale(i);
}
return num ;
}
Insert cell
Insert cell
Insert cell
Insert cell
{
var scale = d3
.scaleLinear()
.domain([0,100])
.range([0,10]);
var num=[];
for (let i = 0 ; i <= 101 ; i++){
num[i] = scale(i);
}
return num ; // domain > range
}
Insert cell
Insert cell
{
var scale = d3
.scaleLinear()
.domain([0,100])
.range([0,100]);
var num = [];
for (let i = 0 ; i <= 100 ; i++ ){
num[i] = scale(i);
}
return num ; // domain == range
}
Insert cell
{
var scale = d3
.scaleLinear()
.domain([100,0])
.range([0,10]);
var num = [];
for (let i = 0 ; i <= 100 ; i++ ){
num[i] = scale(i);
}
return num ;
}
Insert cell
Insert cell
{
var scale = d3
.scaleLinear()
.domain([0,9])
.range([0,100]);
var num = [];
for (let i = 0 ; i <= 5 ; i++ ){
num[i] = scale(i);
}
return num ;
}
Insert cell
{
var scale = d3
.scaleLinear()
.domain([0,9,2,1,4])
.range([0,100]);
var num = [];
for (let i = 0 ; i <= 5 ; i++ ){
num[i] = scale(i);
}
return num ;
}
Insert cell
Insert cell
Insert cell
{
var scale = d3
.scaleBand()
.domain(["a","b","c"])
.range([0,100]);
return scale("c") ;
}
Insert cell
Insert cell
Insert cell
{
var scale = d3
.scaleBand()
.domain(["a","b","c"])
.range([0,100]);
return scale("d") ;
}
Insert cell
Insert cell
{
var scale = d3
.scaleOrdinal()
.domain(["a","b","c","d"])
.range([0,200]);
return scale("c") ;
}
Insert cell
Insert cell
{
var scale = d3
.scaleOrdinal()
.domain(["a","b","c","d"])
.range(["x","y","z"]);
return scale("d") ;
}
Insert cell
Insert cell
Insert cell
{
var scale = d3
.scaleThreshold()
.domain([1,120])
.range(["a","b","c"]);
return scale(121) ;
}
Insert cell
Insert cell
{
var color = d3
.scaleThreshold()
.domain([0, 1])
.range(["red", "white", "green"]);

color(-1); // "red"
color(0); // "white"
color(0.5); // "white"
color(1); // "green"
color(1000); // "green"
}
Insert cell
Insert cell
Insert cell
d3 = require("d3@5")
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more