Notebooks 2.0 is here.
Published
Edited
May 22, 2019
7 stars
getFontSize = (base, ratio, size) => {
let fontSize = base * Math.pow(ratio, size)
return Math.round(fontSize)
}
getFontSize(16, 1.313, 4)
getLineHeight = (base, ratio, size, gridSize) => {
let lineHeight = Math.round(base * Math.pow(ratio, size))
return (lineHeight % gridSize === 0) ? lineHeight : lineHeight + (lineHeight % gridSize)
}
getLineHeight(24, 1.212, 4, 4)
exampleTypeScale = generateTypeScale(16, 1.313, 20, 1.24, 4)
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.
