Files

Randell Dawson 6f5610c4f3 fix: removed thanks and username references in english guide (#34946 )

2019-03-27 22:25:49 +05:30

title

title
Add Document Elements with D3

Add Document Elements with D3

Remember to use Read-Search-Ask if you get stuck. Try to pair program and write your own code

This challenge can be completed by referring to the example in the description and modifying the parameters to those that are in the instructions.

From the official D3 Documentation:

Hint: 1

try to solve the problem now

To chain methods together, simply start the next one directly after the previous one has ended. The example shows this on separate lines to improve readability. Make sure not to put a semicolon after any of the methods or the code will break.

try to solve the problem now

The example shows exactly what is needed, all that needs to be changed are the parameters. E.g. replace 'ul' in the select method with 'body'.

try to solve the problem now

Solution ahead!

<body>
  <script>

    d3.select('body')
      .append('h1')
      .text('Learning D3');   

  </script>
</body>

d3 targets the D3 object
.select('body') uses the D3 select method to target the body HTML node
.append('h1') uses the D3 append method to "append" or attach an h1 element to the body element
.text('Learning D3') uses the D3 text method to change the text of the h1 element to 'Learning D3'
The semicolon ends the method chain, but is not required
Note that the methods are on separate lines for improved readability, as d3 method chains can get quite lengthy

DO NOT add solutions that are similar to any existing solutions. If you think it is similar but better, then try to merge (or replace) the existing similar solution.
Add an explanation of your solution.
Categorize the solution in one of the following categories — Basic, Intermediate and Advanced.