Published
Edited
Feb 8, 2021
md`# scales`
viewof selectedValue = slider({
min: 0,
max: 100
})
html`<span style="background-color: ${myScale(
selectedValue
)}; font-size: ${sizeScale(selectedValue)}px;">text</span>`
sizeScale = d3
.scaleLinear()
.domain([0, 100])
.range([12, 25])
myScale = d3
.scaleLinear()
.domain([0, 100])
.range(["steelblue", "papayawhip"])
import { slider } from "@jashkenas/inputs"
d3 = require("d3")
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.
