title: Unable to get node datum on mouseover in D3 v6
body: <p>I am trying to get a nodes' bound datum with <code>selection.on()</code> in D3 v6. In my event listener I'm getting the mouse event data instead of the datum. How do I get the datum?</p>
  <p>This my code</p>
  <pre><code>const data = {
          &quot;nodes&quot;: [{
              &quot;id&quot;: &quot;Myriel&quot;,
              &quot;group&quot;: 1
          }, {
              &quot;id&quot;: &quot;Napoleon&quot;,
              &quot;group&quot;: 1
          }]};
  
  const nodes = data.nodes.map(d =&gt; Object.create(d));
  
  const node = svg.append(&quot;g&quot;)
          .selectAll(&quot;circle&quot;)
          .data(nodes)
          .join(&quot;circle&quot;)
          ...
  
    node.on(&quot;mouseover&quot;,d=&gt;{
        console.log(d); //output = MouseEvent
        console.log(d.id); //output = undefined
    });
  </code></pre>