Learning path

on jsbin.com

d3.selection

d3.select('.first').style('color', 'red');
d3.select('.first').attr('id', 'foo');

d3.selectAll('div').style('color', 'red');

d3.select('.first').text('The First Box!');
d3.select('.first').html('<h1>The First Box!</h1>');

d3.select('.first').append('h2').text('title');

d3.select('.first').select('h2').remove();
d3.select('.first h2').remove();

var data = [1, 2, 3, 4];

data.forEach(function(d){
    d3.select('.first').append('p').text('paragraph ' + d);
});

var data = [1, 2, 3, 4];

d3.select('.first').selectAll('p')
    .data(data)
    .enter()
    .append('p')
    .text('paragraph ' + d);