Published
Edited
Mar 22, 2022
Insert cell
# Functionally Adding in .Append Test
Insert cell
<div id='testdiv' style = "background-color: cyan" width='250px' height='100px'>
</div>
Insert cell
d3.select('div#testdiv')
.append(() => TestSVGNode().node())
Insert cell
function TestSVGNode() {
const svgNode = d3.create('svg')
.attr('width',100)
.attr('height',100)
svgNode
.append('g')
.append('rect')
.attr('width',100)
.attr('height',100)
.attr('fill', 'navy')
return svgNode;
}
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