code: function highlightDataPoint(data) {
              removePointHighlight();
  
              if (!highlightFilter) {
                  highlightFilter = createFilterContainer(svg.select('.metadata-group'));
                  highlightFilterId = createGlowWithMatrix(highlightFilter);
              }
  
              highlightCircle
                  .attr('opacity', 1)
                  .attr('stroke', () => nameColorMap[data.name])
                  .attr('fill', () => nameColorMap[data.name])
                  .attr('fill-opacity', circleOpacity)
                  .attr('cx', () => xScale(data.x))
                  .attr('cy', () => yScale(data.y))
                  .attr('r', () => areaScale(data.y))
                  .style('stroke-width', highlightStrokeWidth)
                  .style('stroke-opacity', highlightCircleOpacity);
  
              // apply glow container overlay
              highlightCircle
                  .attr('filter', `url(#${highlightFilterId})`);
          }
docs: Applies glow to hovered data point
  @return {void}
  @private