Published
Edited
May 29, 2021
1 fork
Insert cell
md`# gen 092020-1a`
// https://www.generativehut.com/post/a-step-by-step-guide-to-making-art-with-observable
Insert cell
svg = {
let height = width/2
const svg = DOM.svg(width,height)
let cx = width/2
let cy = height/2
let radius = height/2
d3.select(svg).append("circle")
.attr("fill", "none")
.attr("stroke", "black")
.attr("stroke-width", 1)
.attr("r", radius)
.attr("cx", cx)
.attr("cy", cy)
return svg
}
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