1494a50123
* fix: restructure certifications guide articles * fix: added 3 dashes line before prob expl * fix: added 3 dashes line before hints * fix: added 3 dashes line before solutions
39 lines
525 B
Markdown
39 lines
525 B
Markdown
---
|
|
title: Add a Tooltip to a D3 Element
|
|
---
|
|
# Add a Tooltip to a D3 Element
|
|
|
|
|
|
---
|
|
## Hints
|
|
|
|
### Hint 1
|
|
|
|
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.
|
|
|
|
|
|
---
|
|
## Solutions
|
|
|
|
<details><summary>Solution 1 (Click to Show/Hide)</summary>
|
|
|
|
Chain the following lines of code with your ` svg.selectAll("rect") ` method.
|
|
|
|
```javascript
|
|
.append("title")
|
|
.text(d=>d);
|
|
```
|
|
</details>
|