chart = {
const context = DOM.context2d(width, height);
context.fillStyle = "#F5F5F5";
context.fillRect(0, 0, width, height);
data.forEach((d) => {
context.strokeStyle = "blue";
context.beginPath();
context.arc(Math.random()*width/2 + width/4, y(d['Weight_in_lbs']), 3, 0, 2*Math.PI);
context.stroke();
});
return context.canvas;
}
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.
