From e9b2cc630ba05e2961c17f8e4a163ded727c2603 Mon Sep 17 00:00:00 2001 From: Vansh Baghel <103327712+Vansh-Baghel@users.noreply.github.com> Date: Sat, 11 Feb 2023 13:30:51 +0530 Subject: [PATCH] chore(curriculum) : Added backticks and class reference to bar word (#49322) Added backticks and class reference to bar word --- .../visualize-data-with-a-bar-chart.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/curriculum/challenges/english/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.md b/curriculum/challenges/english/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.md index 4e648ec9b72..a86369073dd 100644 --- a/curriculum/challenges/english/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.md +++ b/curriculum/challenges/english/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.md @@ -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.