# Add event listener to cell plot (not a repeat of an older question!)

**URL:** <https://talk.observablehq.com/t/add-event-listener-to-cell-plot-not-a-repeat-of-an-older-question/10316>\
**Category:** Help\
**Created:** [March 12, 2025, 7:15pm UTC](https://talk.observablehq.com/t/add-event-listener-to-cell-plot-not-a-repeat-of-an-older-question/10316 "2025-03-12T19:15:23Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![dkrasne](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/dkrasne/32/9478_2.png) [@dkrasne](https://talk.observablehq.com/u/dkrasne)\
**Post date:** [March 12, 2025, 7:15pm UTC](https://talk.observablehq.com/t/add-event-listener-to-cell-plot-not-a-repeat-of-an-older-question/10316/1 "2025-03-12T19:15:23Z")

</div>

I have the same question as [this person](https://talk.observablehq.com/t/cell-plot-event-listener/9328) for a very different use-case that’s not going to be handled by anything built into Plot. So: how does one add an event listener to each cell of an (ever-changing) cell-plot? I need a new visualization to show up alongside my cell plot depending on which cell is clicked on, based on data from that cell. The basic mechanism is obviously there under the hood, since clicking on a cell freezes the tooltip, but I have no idea how to access it. (I’m very new to JavaScript and Observable; and I can post this over in the Observable Framework GitHub if that’s a better place.) Thanks in advance!

---

<div class="post-metadata">

**Author:** ![tomlarkworthy](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/tomlarkworthy/32/5940_2.png) [@tomlarkworthy](https://talk.observablehq.com/u/tomlarkworthy)\
**Post date:** [March 13, 2025, 8:20pm UTC](https://talk.observablehq.com/t/add-event-listener-to-cell-plot-not-a-repeat-of-an-older-question/10316/2 "2025-03-13T20:20:11Z")

</div>

main documentation [Interactions | Plot](https://observablehq.com/plot/features/interactions)

So plot kinda exports the value automatically with `viewof current ...` + the pointer mark

simple example: [Community Help / Tom Larkworthy | Observable](https://observablehq.com/@tomlarkworthy/community-help#cell-614)

insane example: [Direct Manipulation Plot / Tom Larkworthy | Observable](https://observablehq.com/@tomlarkworthy/manipulate)

---

<div class="post-metadata">

**Author:** ![dkrasne](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/dkrasne/32/9478_2.png) [@dkrasne](https://talk.observablehq.com/u/dkrasne)\
**Post date:** [March 14, 2025, 1:45pm UTC](https://talk.observablehq.com/t/add-event-listener-to-cell-plot-not-a-repeat-of-an-older-question/10316/3 "2025-03-14T13:45:41Z")

</div>

Perfect, thank you!! (I think it’s just `view()` in Observable Framework, but I get the idea.)