Published
Edited
Jul 11, 2021
Insert cell
Insert cell
Insert cell
Insert cell
display = {
const svg = d3.create("svg").attr("viewBox", [0, 0, width, 200]);

svg
.append('rect')
.attr('x', 10)
.attr('y', 10)
.attr('width', 200)
.attr('height', 200)
.attr('fill', d3.hsl(bgHue, 100, 100));

svg
.append('rect')
.attr('x', 50)
.attr('y', 50)
.attr('width', 120)
.attr('height', 120)
.attr('fill', d3.hsl(sqHue, 100, 100));

return svg.node();
}
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