Public
Edited
Aug 10, 2022
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
values = [10, 5, 1]
Insert cell
Insert cell
radiusScale = d3.scaleLinear().domain(d3.extent(values)).range([30, 300])
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
rightRadius = (value) => Math.sqrt(value / Math.PI)
Insert cell
Insert cell
Insert cell
dragged = (event) => {
console.log(event, "dragging");
event.subject.fx = event.x;
event.subject.fy = event.y;
}
Insert cell
ended = (event) => {
event.subject.fx = null;
event.subject.fy = null;
}
Insert cell
started = (event) => {
console.log(event, "started");
event.subject.fx = event.subject.x;
event.subject.fy = event.subject.y;
}
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