Public
Edited
Jan 21, 2023
Insert cell
Insert cell
Insert cell
viewof N = Inputs.range([1, 50], { step: 1, value: 5 })
Insert cell
viewof radius = Inputs.range([1, 250], { step: 1, value: 105 })
Insert cell
// nodes = []
Insert cell
// Plot.legend("color", cscale)
Insert cell
Insert cell
legend.nodeValue
Insert cell
Insert cell
Insert cell
txnodes
Insert cell
Insert cell
Insert cell
(2 * ISDtoRadius(radius * 2)) / FACTOR
Insert cell
FACTOR = 2 / Math.sqrt(3)
Insert cell
cscaleNodeType = d3.scaleOrdinal(["Tx", "Rx"], ["red", "lightgrey"])
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
viewof showGrid = Inputs.toggle({ label: "show Grid", value: true })
Insert cell
{
var x = DOM.input("checkbox");
return html`<div>Checkbox${x}</div>`;
}
Insert cell
Insert cell
Insert cell
Insert cell
d3.create("svg")
Insert cell
container=document.createElement("div")
Insert cell
d3
.select(container)
.select("p")
.text("hello world")
.style("background", "red")
.datum(34)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
pp.scale("x")
Insert cell
pp.scale("y")
Insert cell
alphabet
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