viewof button = Inputs.button("Add", {value: null, reduce: () => add()})
function add(){
//updateData()
//reRender()
}
addNode()
(function addRootNode(){
const svg = d3
.create("svg")
.attr("id","rootNode")
.attr("viewBox", [0, 0, width, 200])
const node = svg
.append("g")
.attr("id","some")
.append("circle")
.attr("cx",20)
.attr("cy",20)
.attr("r",5)
.attr("fill","black")
return svg.node()
})()
function addNode(id){
let newNode = {
"name": "kid",
"id":"root.kid",
"children":[]
}
mutable tree.children.push({newNode})
}
mutable tree = {
return {
name:"root",
id:"root",
children:[
]
}
}
height = 600
radius = 32
d3 = require("d3@7")
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.
