[1] HelloWorld of D3.js

Welcome to http://www.ourd3js.com/discussion if you are interested

Next we will start to use D3.js to handle the first simple problem. Let's take a look at the following code:

If you have learned HTML, you should know that two lines of text will be output on the screen, for example:



What should I do if I want to use JavaScript to change the two lines of text? We will add the code:
The result is changed:





We can see that we have added four lines of code using Javascript. What if we use D3.js? You only need to add a line of code. Do not forget to reference the d3.js source file.


The result will be changed:





Similar to javascript such as JQuery, it can simplify javascript usage.


Next, change the font color and size as follows:

var p = d3.select("body").selectAll("p").text("www.ourd3js.com");p.style("color","red");p.style("font-size","72px");
You can see that the above Code first assigns a value to the variable p and then uses p. This makes the code more clean.