freeCodeCamp/curriculum/challenges/english/04-data-visualization/d3-dashboard/part-005.md at 0dba9c1036d5029df022836368e56a1201d62de9

Files

Randell Dawson 94f0cf0ef8 chore(learn): Remove remaining isHidden keys from frontmatter (English and Chinese challenges) (#39809 )

* fix: remove isHidden key from tool template

* fix: removed isHidden key from English challenges

* fix: remove isHidden key from Chinese challenges

2020-10-08 14:18:47 +02:00

1002 B

Raw Blame History

id, title, challengeType

id	title	challengeType
5d8a4cfbe6b6180ed9a1c9e2	Part 5	0

Description

Next, add a container for the dashboard. Put an empty div element in the body with class of dashboard. You will be appending all the dashboard elements to this div.

Instructions

Tests

tests:
  - text: test-text
    testString: assert($("div.dashboard").length === 1);

Challenge Seed

<!DOCTYPE html>
<html>
  <head>
    <title>D3 Dashboard</title>
    <link rel="stylesheet" href="./dashboard.css">
  </head>

  <body>

  
  </body>
</html>

Solution

<!DOCTYPE html>
<html>
  <head>
    <title>D3 Dashboard</title>
    <link rel="stylesheet" href="./dashboard.css">

    
  </head>

  <body>
    <div class="dashboard"></div>
  </body>
</html>

1002 B Raw Blame History