Public
Edited
Nov 6, 2022
Fork of Simple D3
1 fork
Insert cell
Insert cell
chart = {

function azar(x, y) {
return Math.floor(Math.random() * y) + x
}
const svg = d3.create("svg")
.attr("width", width)
.attr("height", height);

const radios = [azar(10,20),azar(10,20),azar(10,20),azar(10,20),azar(10,20)]

svg
.selectAll("circle")
.data(radios)
.enter()
.append("circle")
.attr("cx", (d,i) => i * 50 + 50)
.attr("cy", height / 2)
.attr("r", d => d)
.attr("fill", "hsl(216deg 100% 13%)");
return svg.node();
}
Insert cell
height = 500
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