diff --git a/guide/english/certifications/data-visualization/data-visualization-with-d3/add-a-tooltip-to-a-d3-element/index.md b/guide/english/certifications/data-visualization/data-visualization-with-d3/add-a-tooltip-to-a-d3-element/index.md index e1a6d8e1e9..4bbbd2f616 100644 --- a/guide/english/certifications/data-visualization/data-visualization-with-d3/add-a-tooltip-to-a-d3-element/index.md +++ b/guide/english/certifications/data-visualization/data-visualization-with-d3/add-a-tooltip-to-a-d3-element/index.md @@ -3,8 +3,27 @@ title: Add a Tooltip to a D3 Element --- ## Add a Tooltip to a D3 Element -This is a stub. Help our community expand it. +### Hint 1 -This quick style guide will help ensure your pull request gets accepted. +Use the ` .append() ` method. - +### Hint 2 + +Use the ` .text() ` method. + +### Hint 3 + +Chain the ` .append() ` and ` .text() ` methods. + +### Hint 4 + +Use a callback function in the ` .text() ` method. + +### Solution + +Chain the following lines of code with your ` svg.selectAll("rect") ` method. + +```javascript + .append("title") + .text(d=>d); +```