src/charts/scatter-plot.js
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})`);
        }
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})`);
        }
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' , ` ${ highlightFilterId } ` ) ; }
Applies glow to hovered data point
@return {void}
@private
Applies glow to hovered data point