function mousemove()

in code/decision-tree/js/InformationGainScatter.js [151:228]
75 lines of code
6 McCabe index (conditional complexity)

    function mousemove(event) {
      // recover coordinate we need

      var x0 = self.xScale.invert(pointer(event)[0]);
      var i = bisect(
        informationGainData.map((d) => d.Diameter),
        x0
      );
      let selectedData = informationGainData[i];
      select("#ig-tooltip-entLeft")
        .html(`${format(".3f")(selectedData.ent_left)}`)
        .attr("x", self.xScale(selectedData.Diameter))
        .attr("y", self.linkedChart.yScale(selectedData.ent_left));
      select("#ig-tooltip-entRight")
        .html(`${format(".3f")(selectedData.ent_right)}`)
        .attr("x", self.xScale(selectedData.Diameter))
        .attr("y", self.linkedChart.yScale(selectedData.ent_right));
      select("#ig-tooltip-ig")
        .html(`${format(".3f")(selectedData.ig)}`)
        .attr("x", self.xScale(selectedData.Diameter))
        .attr("y", self.linkedChart.yScale(selectedData.ig));

      // update top chart
      if (x0 < self.diameterMin) {
        select("#entropy-scatter-line")
          .raise()
          .attr("x1", self.xScale(self.diameterMin))
          .attr("x2", self.xScale(self.diameterMin));
        select("#ig-line")
          .raise()
          .attr("x1", self.xScale(self.diameterMin))
          .attr("x2", self.xScale(self.diameterMin));
      } else if (x0 >= self.diameterMax) {
        select("#entropy-scatter-line")
          .raise()
          .attr("x1", self.xScale(self.diameterMax))
          .attr("x2", self.xScale(self.diameterMax));
        select("#ig-line")
          .raise()
          .attr("x1", self.xScale(self.diameterMax))
          .attr("x2", self.xScale(self.diameterMax));
      } else {
        select("#entropy-scatter-line")
          .raise()
          .attr("x1", self.xScale(selectedData.Diameter))
          .attr("x2", self.xScale(selectedData.Diameter)); //.attr("y1", d.y = event.y);
        select("#ig-line")
          .raise()
          .attr("x1", self.xScale(selectedData.Diameter))
          .attr("x2", self.xScale(selectedData.Diameter));
      }

      // color circles
      select(`#entropy-chart-scatter-svg`)
        .selectAll("circle.ig-scatter-circle")
        .each(function (d) {
          select(this).attr("stroke-width", 2);
          if (d.Diameter < self.diameterMin) {
            select(this)
              .classed("entropy-right", false)
              .attr("class", "entropy-left ig-scatter-circle");
          } else if (d.Diameter >= self.diameterMax) {
            select(this)
              .classed("entropy-left", false)
              .attr("class", "entropy-right ig-scatter-circle");
          } else if (d.Diameter <= x0) {
            select(this)
              .classed("entropy-right", false)
              .attr("class", "entropy-left ig-scatter-circle");
          } else {
            select(this)
              .classed("entropy-left", false)
              .attr("class", "entropy-right ig-scatter-circle");
          }
        });
      select(`#entropy-chart-scatter-svg`).select(".dt-scatter-legend").raise();
      select(`#entropy-chart-ig-svg`).select(".dt-scatter-legend").raise();
    }