_renderDots()

in bindings/jupyter-modules/jupyter-ma-causal/src/components/multi-line-chart/index.js [230:253]


  _renderDots() {
    const {data} = this.props;
    if (!data || !data.lines) {
      return null;
    }
    const xScale = this._getXScale();
    const yScale = this._getYScale();

    return data.lines.map(({name, line}, index) => {
      return (
        <g key={name}>
          {line.map((d, i) => (
            <circle
              key={i}
              cx={xScale(d.x)}
              cy={yScale(d.y)}
              r={3}
              fill={colorScale(index)}
            />
          ))}
        </g>
      );
    });
  }