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:
- You will need to use
d3to reference the D3 object and chain your methods
- 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.
- The example shows exactly what is needed, all that needs to be changed are the parameters. E.g. replace ‘ul’ in the
selectmethod with ‘body’.
Solution 1 (Click to Show/Hide)
<body> <script> d3.select('body') .append('h1') .text('Learning D3'); </script> </body>
d3targets the D3 object
.select('body')uses the D3
selectmethod to target the
.append('h1')uses the D3
appendmethod to “append” or attach an
h1element to the
.text('Learning D3')uses the D3
textmethod to change the text of the
h1element 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