Files
freeCodeCamp/curriculum/challenges/english/04-data-visualization/d3-dashboard/part-005.md
Randell Dawson b9c9a95223 chore(learn): Renamed all project-based curriculum project step filenames to use 3-digit format of part-ddd.md (#39463)
* fix: renamed basic html cat photo app steps

* fix: renamed css-variables project steps

* fix: renamed d3-dashboard filenames

* fix: renamed rpg-game filenames

* fix: renamed functional-progamming-spreadsheet filenames

* fix: renamed calorie-counter project filenames
2020-09-16 11:54:12 +05:30

1017 B

id, title, challengeType, isHidden
id title challengeType isHidden
5d8a4cfbe6b6180ed9a1c9e2 Part 5 0 true

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>