Published
Edited
Feb 13, 2020
Importers
Insert cell
Insert cell
Insert cell
Insert cell
y = {
const minValue = 0;
const maxValue = d3.max(data, d => d.value);
const minY = height - margin.bottom;
const maxY = margin.top;
return function(value) {
return (value - minValue)
/ (maxValue - minValue)
* (maxY - minY)
+ minY;
};
}
Insert cell
Insert cell
foo = "🌎" // A cell named foo.
Insert cell
bar = foo + "bar" // A (reactive) reference to the cell foo.
Insert cell
Insert cell
baz = {
let foo = "🏠"; // A local foo, masking the cell foo.
return foo + "baz"; // A reference to the local foo.
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
cycle1 = cycle2 + 1
Insert cell
cycle2 = cycle1 + 1
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