[D3] Create DOM Elements with D3 v4

Posted 2020-10-01 Answer1215

Change is good, but creating from scratch is even better. This lesson shows you how to create DOM elements from D3 and insert them into your document as needed. You’ll officially be on your way to creating data visualizations!

 

d3.select(‘.title‘)
  .insert(‘div‘, ‘a:nth-child(2)‘)
    .style(‘color‘, ‘red‘)
    .html(‘Inventory <b>SALE</b>‘)
  .append(‘button‘)
    .style(‘display‘, ‘block‘)
    .text(‘submit‘);

d3.select(‘.action‘).remove();