# Text modification of default fill change in a tip

**URL:** <https://talk.observablehq.com/t/text-modification-of-default-fill-change-in-a-tip/8896>\
**Category:** Help\
**Created:** [March 5, 2024, 7:37pm UTC](https://talk.observablehq.com/t/text-modification-of-default-fill-change-in-a-tip/8896 "2024-03-05T19:37:34Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![boshek](https://avatars.discourse-cdn.com/v4/letter/b/ba8739/32.png) [@boshek](https://talk.observablehq.com/u/boshek)\
**Post date:** [March 5, 2024, 7:37pm UTC](https://talk.observablehq.com/t/text-modification-of-default-fill-change-in-a-tip/8896/1 "2024-03-05T19:37:34Z")

</div>

I don’t have the exactly proper language but when you create a tooltip there is a nice little element that appears that looks like this:

![image](https://canada1.discourse-cdn.com/flex030/uploads/observablehq/original/2X/b/b6db33abfeed32adf04feacf4ff536998923a4ef.png)

Can that be modified while still retaining that nice little blue box (which helps identify the group)?

I can modify a channel element like so:

```js
Plot.plot({
  marks: [
    Plot.dot(cars, {
      x: "power (hp)",
      y: "economy (mpg)",
      fill: "cylinders",
      r: 5,
      tip: true,
      channels: {
        "cyl": d => `There are ${d["cylinders"]} cylinders in this car`
      }
    })
  ]
})

```

which produces:

![image](https://canada1.discourse-cdn.com/flex030/uploads/observablehq/original/2X/e/e321536f566b3b3fb2d7189fa3d9d9f87ebd4bda.png)

But really I’d like to be able to modify the string where the blue box is.

I tried this but that did not modify it:

```js
Plot.plot({
  marks: [
    Plot.dot(cars, {
      x: "power (hp)",
      y: "economy (mpg)",
      fill: "cylinders",
      r: 5,
      tip: d => `There are ${d["cylinders"]} cylinders in this car`
    })
  ]
})

```

Any idea if that top element (is it called something?) can be modified on the fly? I know I could modify the incoming string but I’d rather not.

---

<div class="post-metadata">

**Author:** ![Fil](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/fil/32/207_2.png) [@Fil](https://talk.observablehq.com/u/Fil)\
**Post date:** [March 6, 2024, 7:23am UTC](https://talk.observablehq.com/t/text-modification-of-default-fill-change-in-a-tip/8896/2 "2024-03-06T07:23:06Z")

</div>

You can use use tip: format

 ![](https://canada1.discourse-cdn.com/flex030/uploads/observablehq/original/2X/4/4b83ae1889116d190276ee429253f35f1fbb2f0e.png)