The avatar for @alancmclean
Alan McLean
Published
Edited
Aug 6, 2021
Fork of Metabolic History Charts V5
•
1 fork
1
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
viewof zoneScore = Inputs.range([1, 10], {
value: 8,
step: 1,
label: "Zone Score"
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
anotherColorScale = d3
.scaleLinear()
.domain([55, 75, 100])
.range(['#FF6694', '#ECF1C9', '#71DAB4'])
.clamp(true)
Insert cell
anotherColorScale2 = d3
.scaleLinear()
.domain([55, 75, 100])
.range(['#FF6694', '#ECF1C9', '#71DAB4'])
Insert cell
mapZoneToDay = d3
.scaleLinear()
.domain([1, 10])
.range([55, 100])
Insert cell
scale = d3
.scaleLinear()
.domain([55, 100])
.range([.30, .82])
// .clamp(true)
Insert cell
Insert cell
customScale = d3
.scaleLinear()
.domain([55, 70, 100])
.range(['#D45B41', '#D7EB96', '#5AA35F'])
Insert cell
Insert cell
zoneScale = d3
.scaleLinear()
.domain([0, 1440])
.range([0, 382])
Insert cell
zoneScale(120)
Insert cell
reducer = (accumulator, currentValue) => accumulator + currentValue
Insert cell
diverging = d3.scaleSequential(d3[`interpolate${scheme}`])
Insert cell
users = Array.from(d3.group(userData, d => d.user_id))
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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