Published
Edited
Sep 10, 2019
Also listed in…
uncertainty
Insert cell
md`# area: cartesian coordinate system`
Insert cell
chart = {
const svg = d3.select(DOM.svg(width, height))
.style("width", "50%")
.style("height", "auto")
.style("font", "10px sans-serif");

svg.selectAll("rect")
.data([100, 150, 225])
.enter()
.append("rect")
.attr("x", function(d, i) {
return i * (width / 3 + 15);
})
.attr("y", function(d) {
return height - (d);
})
.attr("width", width / 3 - 30)
.attr("height", function(d) {
return d;
})


return svg.node();
}
Insert cell
width = 300
Insert cell
height = 300
Insert cell
d3 = require("d3@5")
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