D3.js svg部分，鼠标单击功能输入数据

Question

我有一个简单的JS代码，其中包括一些D3.js代码。 D3.js用于绘制图表，并且可以单击图表上的每个点。单击后，它将跳到另一个Web部分。那些我能理解的。 但是，我不理解该步骤：

        .on('click', f1);
        let f1 = function(d) { xxx
         }

当我调用函数f1时，我不明白输入的数据是什么：         .data（a） 我将在此处粘贴完整的代码。

     let barG = svg
     barG
        .selectAll('.nonviability-circle')
        .data(a)
        .enter()
        .append('circle')
        .attr('class', 'nonviability-circle')
        .attr('cx', (d) => x(d.bmd))
        .attr('cy', (d) => y(d.chemical_name) + y.bandwidth() / 2)
        .attr('r', 10)
        .style('fill', (d) => CATEGORY_COLORS[d.chemical_category])
        .style('cursor', 'pointer')
        .on('click', f1);


    let f1 = function(d) {
         console.log(d)


     };