Public
Edited
Sep 7, 2024
Insert cell
Insert cell
Insert cell
{
const width = 200;
const height = 200;

const svg = html`<svg viewBox="0 0 ${width} ${height}" width="${width}" height="${height}"></svg>`;

const selSvg = d3.select(svg);

// D3 STUFF
selSvg
.append("circle")
.attr("r", 50) //SETTING RADIOUS TO 50
.attr("cx", width / 2) //CENTERING
.attr("cy", height / 2) //CENTERING
.attr("fill", "steelblue");

return svg;
}
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