{
const svg = d3.create('svg')
.attr('width', width)
.attr('height', 33)
.attr('viewBox', `0 -25 ${width} 33`);
svg.selectAll('text')
.data([1,2,3,4,5,6,7,8])
.enter()
.append('text')
.attr('x', (dat, idx) => idx * 16)
.text(dat => dat)
yield svg.node()
setTimeout(function () {
svg.selectAll('text')
.data([-1,-2,-3,-4,-5,-6,-7,-8,-9,-10])
.join(
enter => enter.append('text').attr('x', (d, i) => i * 16).text(d => d),
update => update.attr('fill', 'green').text(d => d)
);
}, 2000)
}