Public
Edited
Sep 13, 2022
Insert cell
# circle
Insert cell
draw()
Insert cell
function draw() {
const svg = d3
.create("svg")
.attr("width", width)
.attr("height", height)
.attr("viewBox", [0, 0, width, height])
svg.append('circle').attr('r', 100).attr('cx', width / 2).attr('cy', height / 2).attr("fill", "rgb(156 163 175)");
return svg.node();
}
Insert cell
height = 200
Insert cell
width = 200
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