D3.js Hello World

D3 DataVisualization Cookbook Chapter 2

by Denise Nepraunig

HTML

<p class="target"></p>
<p class="target"></p>
<p class="target"></p>
<p class="target"></p>
<p class="target"></p>

CSS

.red {
    background-color: red;
    text-align: center;
}

JavaScript

var obj = d3.selectAll(".target").text("Hello my red World!")
    .attr("class", "red");
console.log(obj);