---
id: 5d8a4cfbe6b6180ed9a1ca6d
title: Part 141
challengeType: 0
dashedName: part-141
---
# --description--
Now when you hover a label, you can see the data for the different years.
Where you created the `text` elements for the x-axis labels, change the `font` to `bold 10px verdana` for the currently displayed year.
To do this, create a "d function" in the `font` value area and return the above sting if `d` equals `year`. Otherwise, return the string that is currently there (`10px verdana`). It's easiest to use a ternary operator for this.
Here's a hint:
```js
.style('font', d => d === year ? )
```
# --hints--
test-text
```js
assert(
Object.values($('.dashboard svg g text')).filter(
(el) => el.style && el.style.font.toLowerCase() === 'bold 10px verdana'
).length === 1
);
```
# --seed--
## --before-user-code--
```html
D3 Dashboard
```
## --seed-contents--
```html
```
# --solutions--
```html
```