greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

chore(curriculum) : Added backticks and class reference to bar word (#49322) 

Added backticks and class reference to bar word
pull/49344/head
Vansh Baghel 2023-02-11 13:30:51 +05:30 committed by GitHub
parent 1cc6c55469
commit e9b2cc630b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
curriculum/challenges/english/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.md
View File

@ -24,17 +24,17 @@ You can use HTML, JavaScript, CSS, and the D3 svg-based visualization library. T
**User Story #5:** My chart should have a `rect` element for each data point with a corresponding `class="bar"` displaying the data.
**User Story #6:** Each bar should have the properties `data-date` and `data-gdp` containing `date` and `GDP` values.
**User Story #6:** Each `.bar` should have the properties `data-date` and `data-gdp` containing `date` and `GDP` values.
**User Story #7:** The bar elements' `data-date` properties should match the order of the provided data.
**User Story #7:** The `.bar` elements' `data-date` properties should match the order of the provided data.
**User Story #8:** The bar elements' `data-gdp` properties should match the order of the provided data.
**User Story #8:** The `.bar` elements' `data-gdp` properties should match the order of the provided data.
**User Story #9:** Each bar element's height should accurately represent the data's corresponding `GDP`.
**User Story #9:** Each `.bar` element's height should accurately represent the data's corresponding `GDP`.
**User Story #10:** The `data-date` attribute and its corresponding bar element should align with the corresponding value on the x-axis.
**User Story #10:** The `data-date` attribute and its corresponding `.bar` element should align with the corresponding value on the x-axis.
**User Story #11:** The `data-gdp` attribute and its corresponding bar element should align with the corresponding value on the y-axis.
**User Story #11:** The `data-gdp` attribute and its corresponding `.bar` element should align with the corresponding value on the y-axis.
**User Story #12:** I can mouse over an area and see a tooltip with a corresponding `id="tooltip"` which displays more information about the area.